Tabs display as a vertical list.

[Denys Fallon]

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

[Paul]

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.