2 RadTabStrip side by side in UI for ASP.NET AJAX TabStrip

Manon Girard

19 posts

Member since:
Jan 2007

Posted 25 Jun 2008 Link to this post

How to put many RadTabStrip side by side on the same line?
Without using a table with td

I tried this but without success.

<div style="float:left;"> radtabstrip </div>
<div style="float:left;"> radtabstrip </div>

The control seems to take 100% of the width of the page.

Thanks

Paul

Admin

4281 posts

Posted 26 Jun 2008 Link to this post

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

Manon Girard

19 posts

Member since:
Jan 2007

Posted 26 Jun 2008 Link to this post

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>

Paul

Admin

4281 posts

Posted 27 Jun 2008 Link to this post

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

Manon Girard

19 posts

Member since:
Jan 2007

Posted 27 Jun 2008 Link to this post

Ok it's not the same browser version.

Screenshot

Paul

Admin

4281 posts

Posted 27 Jun 2008 Link to this post

Hi Manon,

Unfortunately your URL is not accessible (Service Unavailable) and we cannot see your FF version. Still, it is highly recommended (by us and by Mozilla Foundation) that you always use the latest available version of Firefox browser.

All the best,
Paul
the Telerik team

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

Manon Girard

19 posts

Member since:
Jan 2007

Posted 27 Jun 2008 Link to this post

Sorry. The version is 2.0.0.14

How can I post to you a screenshot?

Paul

Admin

4281 posts

Posted 27 Jun 2008 Link to this post

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

Manon Girard

19 posts

Member since:
Jan 2007

Posted 03 Jul 2008 Link to this post

This solution is causing problems. I think this is not normal behaviour.
Should I report like a bug under Firefix 2.0.0.14 ?