This is a migrated thread and some comments may be shown as answers.

2 RadTabStrip side by side

8 Answers 141 Views

TabStrip

This is a migrated thread and some comments may be shown as answers.

8 Answers, 1 is accepted

answered on 26 Jun 2008, 12:13 PM

Hello Manon,

Please find below a sample code snippet that shows the needed approach.

    
            <html xmlns="http://www.w3.org/1999/xhtml">  
        
            <head runat="server">  
        
                <title>Untitled Page</title> 
        
                <style type="text/css">  
        
                .rtsLevel1  
        
                {  
        
                    width: auto !important;  
        
                }  
        
                </style> 
        
            </head> 
        
            <body> 
        
                <form id="form1" runat="server">  
        
                    <asp:ScriptManager ID="smPageScriptManager" runat="server" /> 
        
                    <telerik:RadTabStrip ID="rtbstMain" runat="server" Style="float: left">  
        
                        <Tabs> 
        
                            <telerik:RadTab runat="server" Text="Home">  
        
                            </telerik:RadTab> 
        
                        </Tabs> 
        
                    </telerik:RadTabStrip> 
        
                    <telerik:RadTabStrip ID="RadTabStrip1" runat="server" Style="float: left">  
        
                        <Tabs> 
        
                            <telerik:RadTab runat="server" Text="Home">  
        
                            </telerik:RadTab> 
        
                        </Tabs> 
        
                    </telerik:RadTabStrip> 
        
                    <telerik:RadTabStrip ID="RadTabStrip2" runat="server" Style="float: left">  
        
                        <Tabs> 
        
                            <telerik:RadTab runat="server" Text="Home">  
        
                            </telerik:RadTab> 
        
                        </Tabs> 
        
                    </telerik:RadTabStrip> 
        
                </form> 
        
            </body> 
        
            </html>

Greetings,
Paul
the Telerik team

Instantly find answers to your questions at the new Telerik Support Center

answered on 26 Jun 2008, 06:18 PM

Great! The RadTabStrip look good in IE but not in FireFox. The last Tab wrap under the control

<asp:ScriptManager ID="ScriptManager1" runat="server"></asp:ScriptManager>

style type="text/css">
.rtsLevel1 { width: auto !important; }
</style>

answered on 27 Jun 2008, 06:20 AM

ss-0015.jpg

ss-0016.jpg

Hello Manon,

We tried to reproduce the reported issue on our side, but to no avail. Please refer to the attached screenshots for details. Are we missing something?

Kind regards,
Paul
the Telerik team

Instantly find answers to your questions at the new Telerik Support Center

answered on 27 Jun 2008, 02:02 PM

Hello Manon,

Please find below you modified code snippet that works as expected.

    
            <asp:ScriptManager ID="ScriptManager1" runat="server"></asp:ScriptManager> 
        
            <style type="text/css">   
        
            .rtsLevel1  
        
            {  
        
                width: auto !important;  
        
            }   
        
            </style>   
        
            <div style="float:left;">  
        
                <telerik:RadTabStrip ID="RadTabStrip1" runat="server" Skin="Office2007" style="float:left;">  
        
                    <Tabs> 
        
                        <telerik:RadTab runat="server" Text="Num‚rique" ></telerik:RadTab> 
        
                        <telerik:RadTab runat="server" Text="222" Selected="true"></telerik:RadTab> 
        
                        <telerik:RadTab runat="server" Text="333"></telerik:RadTab> 
        
                        <telerik:RadTab runat="server" Text="444"></telerik:RadTab> 
        
                    </Tabs> 
        
                </telerik:RadTabStrip> 
        
            </div> 
        
            <div style="float:left;">  
        
                <telerik:RadTabStrip ID="RadTabStrip2" runat="server" Skin="Office2007" style="float:left;">  
        
                    <Tabs> 
        
                        <telerik:RadTab runat="server" Text="Alpha" ></telerik:RadTab> 
        
                        <telerik:RadTab runat="server" Text="BBB" Selected="true"></telerik:RadTab> 
        
                        <telerik:RadTab runat="server" Text="CCC" ></telerik:RadTab> 
        
                        <telerik:RadTab runat="server" Text="DDD"></telerik:RadTab> 
        
                    </Tabs> 
        
                </telerik:RadTabStrip> 
        
            </div>

Sincerely yours,
Paul
the Telerik team

Instantly find answers to your questions at the new Telerik Support Center