Post UI Tabs
Tabs Not Loading Properly (7 posts)

  1. JaysonP
    Posted 2 years ago #

    I have numerous tabs on a single page and within each tab there is a html code and short code for another plugin that I am using on the site. Unfortunately it appears that only some of the tabs are loading the content and it occurs rather randomly.

    At times they will all load, other times none will load, but most of the time a handful load and the rest remain blank.

    Could this be a CSS issue or a jquery issue? Or, am I just trying to load to much into too many tabs?

    Here is a link: http://severeplains.com/test/weather-forecasts/model-comparison/06z-nam-vs-gfs/


  2. Mark / t31os

    Plugin Author

    Posted 2 years ago #

    They're all loading just fine for me.

    Tested in: IE10, Chrome, Firefox and Opera.

  3. JaysonP
    Posted 2 years ago #

    Each tab is loading? Even the ones labeled 48 and higher?

    I just tried two separate computers and different browsers and still did not get it to load completely. Got the first 4 or 5 tabs, then blanks the rest of the way.

    I don't see any errors, so I am wondering could this be a connection speed issue? Not sure why, but I can't explain why you can have all of them load and I cannot. Just tried my mobile connection as well and had the same issue, tabs labelled 00, 03, 06, and 09 loaded correctly but the remainder did not load.

  4. Mark / t31os

    Plugin Author

    Posted 2 years ago #

    Ah i managed to catch the issue, the elements you're placing inside the tabs sometimes don't appear to unhide themselves.

    Does a jQuery script of some kind manage the inline HTML for those elements? Post UI Tabs certainly doesn't touch that HTML.

    In short, the element that holds the tab content is visible, its the elements you have rendering within that are not always removing some inline styling that sets the element to width:0 and height:0 amongst other values.

  5. JaysonP
    Posted 2 years ago #

    Yes, there is a jquery inside of the tab elements. I am using a BeforeAfter plugin for a comparison slide across two images that are within the tabs.

    I went into the code and forced the height & width of the images and therefore the element to what they need to be. It appears to be working at the moment, but I will do a couple more tests in other browsers to be sure that solves the problem.

    Thanks for your help, great plugin!

  6. JaysonP
    Posted 2 years ago #

    Apparently it helped with the issue, but does not seem to have solved the issue. I currently use the BeforeAfter plugin with shortcodes within the tabs. Do you think coding it with straight html rather than the shortcodes would work?

    I may try to eliminate the short codes within the tabs to see if that can be a solution.

  7. Mark / t31os

    Plugin Author

    Posted 2 years ago #

    Hi Jayson,

    Do you have a testing environment you could run some tests on? ie. a local website setup, on WAMP or similar?

    I'd be curious to see if you can replicate these issues locally, and ideally testing with the bare minimal of plugins activated. Obviously your site is active and you don't want to go switching parts of it off(totally understand that_, so testing in a local environment might be helpful in narrowing down on what specifically is at fault.

    Testing the beforeafter code outside of a shortcode may be helpful to(as you suggested above).

Topic Closed

This topic has been closed to new replies.

About this Plugin

  • Post UI Tabs
  • Frequently Asked Questions
  • Support Threads
  • Reviews

About this Topic


No tags yet.