No announcement yet.

make "Tabbed Container Module" load tabs after clicking them?

  • Filter
  • Time
  • Show
Clear All
new posts

  • make "Tabbed Container Module" load tabs after clicking them?

    Hi, I'm having a problem where my Tabbed Container Module is not loading the content properly. I am trying to display Google maps in each tab, but when you click a tab it does not load the map properly (it's zoomed out). Whatever tab I set as default will load properly (centered and zoomed in on the content). I think the problem is because it loads the map before clicking on the separate tabs. Is there a way to make it so that the Tabbed Container will not load the content of each tab until you click a tab?

    Here is a link of a demo so you can see what I am talking about, there are three tabs, Seattle, Bowerman, Frankfurt. Again, whichever tab I make default will load properly, but then the others do not.

    Also this is a sample of the HTML I put in each tab:
    <iframe height="800" src="" width="800"></iframe>
    Thanks for any help!

  • #2
    Please upgrade to vBulletin 5.5.2 and let us know if you have the same issues.

    For your iFrame, it is probably best to control the height and width with CSS.
    Last edited by Wayne Luke; Thu 20th Jun '19, 10:39am.
    Translations provided by Google.

    Wayne Luke
    The Rabid Badger - a vBulletin Cloud demonstration site.
    vBulletin 5 API - Full / Mobile
    Vote for your favorite feature requests and the bugs you want to see fixed.


    • #3
      I don't have time just yet to upgrade to the latest version, I will soon then let you know what happens. I am temporarily using my own iframe with tabs that load the content properly.


      • #4
        Hi, updating to 5.5.2 did not work. This is not a big deal though, I will just use a custom iframe to get the desired result.

        Updating did break my User Settings, Help, and My Recent posts pages however. I made a thread about it here;


        • #5
          You can use a JS onclick attrbute to cause the element to load after the tab is clicked.


          Related Topics