TabStrip not displaying when used with masterpage and ScrollChildren="True"

3 posts, 0 answers
  1. Thomas Salt
    Thomas Salt avatar
    136 posts
    Member since:
    Apr 2005

    Posted 09 Feb 2009 Link to this post

    I have a basic MasterPage with nothing in it besides the <asp:ContentPlaceHolder> and <asp:ScriptManager> tags.  I then create a content page and create the tab strip.   All the tabs will display correctly using the masterpage unless I set ScrollChildren="True".  Once I set ScrollChildren="True" then the scroll arrows show up, but the tabs disappear.  There is nothing fancy in either page, just the bare minimum needed to run the tabstrip using a masterpage.

    On the contrary if I DO NOT use a master page the tab strip works as expected and I can set ScrollChildren="True". 

    Can you please advise on this matter? Thank you.
  2. Serrin
    Serrin avatar
    286 posts
    Member since:
    Sep 2008

    Posted 10 Feb 2009 Link to this post

    Hey Thomas,

    That is weird indeed, I just tested it (was working on another TabStrip problem) and found no problems with a TabStrip in that setup...  Would you mind posting the code you're using (as basic as it may be for the example)?  I'll drop it into my project to see if I can get that to happen.  Also, what version of the controls are you using?
  3. Thomas Salt
    Thomas Salt avatar
    136 posts
    Member since:
    Apr 2005

    Posted 11 Feb 2009 Link to this post

    I figured out what the problem was, and I'm assuming this is a bug in the TabStrip control unless I missed it somewhere in the documentation.  I had my <ContentPlaceHolder> wrapped in a <center> tag.  Ultimately it seemed that any tag (div, span, etc..) which had a text-align:center property set to the style was not displaying the tab strip correctly. 

    I fixed the issue by wrapping the TabStrip in <div> tag and setting text-align:left.  Hopefully this can help someone else out!
Back to Top