Tabs display as a vertical list.

2 posts, 1 answers
  1. Denys Fallon
    Denys Fallon avatar
    1 posts
    Member since:
    Oct 2009

    Posted 09 Nov 2009 Link to this post

    Hi all,

    Hopefully someone can help me with this.  I have a page i am building that conatins a RadTreeView and a RadTabStrip.  For some reason the Tabs are rendering as a list instead of displaying horizontally across the screen.  When i remove the treeview the tabs display correctly.

    Here is a sample of what Im trying to do:-

    <table style="font-family:Verdana;font-size:8pt;">  
            <tr> 
                <td> 
                    <telerik:RadTreeView Width="400px"  Enabled="true" CausesValidation="true"   
                      ID="RadTreeView1" runat="server">  
                          
                    </telerik:RadTreeView>     
                </td> 
                <td valign="top" style="margin-left:15px;">  
                    <telerik:RadTabStrip ID="RadTabStrip1" runat="server" 
                        MultiPageID="Multipage1"  SelectedIndex="0" >                       
                        <Tabs>   
                            <telerik:RadTab  Text="Hierarchy Details">  
                            </telerik:RadTab>                         
                            <telerik:RadTab Text="Organisation Details"  Selected="True"  > 
                            </telerik:RadTab> 
                            <telerik:RadTab Text="Interested Parties" > 
                            </telerik:RadTab> 
                            <telerik:RadTab Text="Controlling Organisations" > 
                            </telerik:RadTab> 
                            <telerik:RadTab Text="Associations">  
                            </telerik:RadTab> 
                        </Tabs> 
                    </telerik:RadTabStrip>   
                    <telerik:RadMultiPage runat="server" ID="Multipage1" SelectedIndex="0" > 
                        <telerik:RadPageView ID="RadPageView1"  runat="server">Page 1</telerik:RadPageView> 
                        <telerik:RadPageView ID="RadPageView2" runat="server">Page 2</telerik:RadPageView> 
                        <telerik:RadPageView ID="RadPageView3" runat="server">Page 3</telerik:RadPageView> 
                        <telerik:RadPageView ID="RadPageView4" runat="server">Page 4</telerik:RadPageView> 
                        <telerik:RadPageView ID="RadPageView5" runat="server">Page 5</telerik:RadPageView> 
                    </telerik:RadMultiPage> 
                </td> 
            </tr> 
        </table> 

    Any help is greatly appreciated,

    Regards,

    Denys
  2. Answer
    Paul
    Admin
    Paul avatar
    4281 posts

    Posted 13 Nov 2009 Link to this post

    Hello Denys,

    Maybe you've hit the notorious limitation of Internet Explorer - it can load up to 32 CSS files and if there are more, they will be ingnored. This problem can occur in case you are using a theme with a lot of CSS (when you register the theme, automatically all the CSS is declared) or you have declared a lot of RadControls on the page. If you are using a theme you can test my assumption by removing it and test whether the RadTabStrip CSS will load correctly.

    If this is the case I suggest to either use a RadStyleSheetManager which will combine all the CSS on the page or reduce the CSS files used.

    Best wishes,
    Paul
    the Telerik team

    Instantly find answers to your questions on the new Telerik Support Portal.
    Watch a video on how to optimize your support resource searches and check out more tips on the blogs.
Back to Top