"Flash" when used in tabs if styled, no flash if not

  • Resolved Stubborn_Facts

    (@stubborn_facts)


    11 years, 10 months ago

    I’m testing the usage of this plugin primarily for use in a tabbed widget, so I’m working with the manual insert of the php function codes. My theme Catalyst framework, has a php widget for such purposes.

    I’m using Arconix Shortcodes for the tab and inserting the php function into the content area. This executes beautifully – I’m excited, because Arconix seems very “lightweight”, meaning it doesn’t seem to take a lot of load time. I see you’re going for optimizing, too, so the two together would be a wonderful thing.

    The interesting thing is, whenever I try to style Top 10 using the classes or ids, whether it’s within the plugin’s admin area or my theme’s custom CSS area, there is a “flash” phenomenon introduced when the page loads, which results in a momentary display of the text “Tab 2” and “Tab 3” as the thing is loading, followed by the proper placement of the text, but no joy on the CSS.

    I’m not seeing anything obvious in looking at the whole thing with Firebug.

    This is the test site: https://grassrootsne.com/testsite2

    The tabs test is a little way down the page to the left.

    I’ll leave the custom css in there so you can see that “flash” I’m talking about.

    Any ideas?

    https://www.ads-software.com/extend/plugins/top-10/

Viewing 3 replies - 1 through 3 (of 3 total)
  • Plugin Author Ajay

    (@ajay)

    If I understand correctly, as the page loads you see no tabbed section, but you see:

    Today followed by the posts
    All time followed by Tab 2 content
    Tab 3 Tab 3 Content

    If this is the case, am not sure there is much you can do about this since it has something to do with the script that executes the tabs.

    I’ve seen a similar behaviour with Tabber (the script that powers the settings page of this plugin).

    That being said, I didn’t notice this flash when I loaded your page above, which could possibly be because your site loads really fast.

    Thread Starter Stubborn_Facts

    (@stubborn_facts)

    Ajay,
    You described what I was seeing to a tee.

    So, the jQuery UI script is just “flashing” as it loads, if for some reason, the load is a bit on the slow side. Seems like the key is “if for some reason”.

    When I was seeing it, I’m sure it was due to drags on my computer caused by a million open programs at the time.

    Am glad the site loaded fast for you – based on its current state it tests well and I don’t see this happen when I’m not dragging down my system.

    I appreciate the confirmation – this is not a huge deal, certainly not fatal and I should just ensure I maintain as fast a load as I can.

    Once again, thank for making a well constructed plugin.

    Plugin Author Ajay

    (@ajay)

    You’re welcome and thanks for using the plugin.

    I’m not 100% sure how Arconix pulls the script, but its basically the time difference between the page loading and the javascript to kick in. You’ll notice this an issue if you got tonnes of things loading in your sidebar and footer which slows down the load time.

    You should check if there is a way to hide the tabs and contents until the page is initialised, but you run the risk of someone hitting escape on their keyboard and the page doesn’t load completely.

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘"Flash" when used in tabs if styled, no flash if not’ is closed to new replies.