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. UI for ASP.NET Ajax is Ready for VS 2017
  4. 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