Loading ...
Sorry, an error occurred while loading the content.

TabView Page build issue

Expand Messages
  • oicu8del
    Hi everyone, I am using the tabview to build a very basic set of tabs (code more or less taken directly from rounded tabs example), and I noticed on various
    Message 1 of 2 , Feb 7, 2007
    • 0 Attachment
      Hi everyone,

      I am using the tabview to build a very basic set of tabs (code more or
      less taken directly from rounded tabs example), and I noticed on various
      browsers that when the page loads, I can see all of the tab divs
      expanded for a split second, before things collapse back down into
      proper tabview.

      Can someone point me in the right direction on how to solve this
      problem. It's slightly annoying.

      Thanks in advance.
    • dav.glass@yahoo.com
      oicu8del -- You could get around this by adding this line to your css: #demo div.yui-content div { display: none; }This will cause all of the tabs to not be
      Message 2 of 2 , Feb 7, 2007
      • 0 Attachment
        oicu8del --

        You could get around this by adding this line to your css:
        #demo div.yui-content div {
        display: none;
        }
        This will cause all of the tabs to not be shown until the tabView renders them, then the first tab would show up.

        Alternatively you could change your markup to look like this:

        <div class="yui-content">
        <div><p>Tab One Content</p></div>
        <div style="display: none;"><p>Tab Two Content</p></div>
        <div style="display: none;"><p>Tab Three Content</p></div>
        </div>
        This would prevent the other 2 divs from showing immediately.

        Here is a working example of the first technique:
        http://blog.davglass.com/files/yui/tab1/

        Hope that helps 8-)
        Dav

         
        Dav Glass
        dav.glass@...
        blog.davglass.com


        + Windows: n. - The most successful computer virus, ever. +
        + A computer without a Microsoft operating system is like a dog
        without bricks tied to its head +
        + A Microsoft Certified Systems Engineer is to computing what a
        McDonalds Certified Food Specialist is to fine cuisine +


        ----- Original Message ----
        From: oicu8del <oicu8del2@...>
        To: ydn-javascript@yahoogroups.com
        Sent: Wednesday, February 7, 2007 6:09:16 AM
        Subject: [ydn-javascript] TabView Page build issue

        Hi everyone,

        I am using the tabview to build a very basic set of tabs (code more or
        less taken directly from rounded tabs example), and I noticed on various
        browsers that when the page loads, I can see all of the tab divs
        expanded for a split second, before things collapse back down into
        proper tabview.

        Can someone point me in the right direction on how to solve this
        problem.  It's slightly annoying.

        Thanks in advance.





        Yahoo! Groups Links

        <*> To visit your group on the web, go to:
            http://groups.yahoo.com/group/ydn-javascript/

        <*> Your email settings:
            Individual Email | Traditional

        <*> To change settings online go to:
            http://groups.yahoo.com/group/ydn-javascript/join
            (Yahoo! ID required)

        <*> To change settings via email:
            mailto:ydn-javascript-digest@yahoogroups.com
            mailto:ydn-javascript-fullfeatured@yahoogroups.com

        <*> To unsubscribe from this group, send an email to:
            ydn-javascript-unsubscribe@yahoogroups.com

        <*> Your use of Yahoo! Groups is subject to:
            http://docs.yahoo.com/info/terms/


      Your message has been successfully submitted and would be delivered to recipients shortly.