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

2 RadTabStrip side by side

8 Answers 90 Views
TabStrip
This is a migrated thread and some comments may be shown as answers.
Manon Girard
Top achievements
Rank 1
Manon Girard asked on 25 Jun 2008, 03:31 PM
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


8 Answers, 1 is accepted

Sort by
0
Paul
Telerik team
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
0
Manon Girard
Top achievements
Rank 1
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>

<div style="float:left;">
<telerik:RadTabStrip ID="RadTabStrip1" runat="server" Skin="Office2007">
<Tabs>
<telerik:RadTab runat="server" Text="Num‚rique" ></telerik:RadTab>
<telerik:RadTab runat="server" Text="222" Selected></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">
<Tabs>
<telerik:RadTab runat="server" Text="Alpha" ></telerik:RadTab>
<telerik:RadTab runat="server" Text="BBB" Selected></telerik:RadTab>
<telerik:RadTab runat="server" Text="CCC" ></telerik:RadTab>
<telerik:RadTab runat="server" Text="DDD"></telerik:RadTab>
</Tabs>
</telerik:RadTabStrip>
</div>

0
Paul
Telerik team
answered on 27 Jun 2008, 06:20 AM
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
0
Manon Girard
Top achievements
Rank 1
answered on 27 Jun 2008, 12:20 PM
Ok it's not the same browser version. 

Screenshot
0
Paul
Telerik team
answered on 27 Jun 2008, 01:39 PM
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
0
Manon Girard
Top achievements
Rank 1
answered on 27 Jun 2008, 01:47 PM
Sorry.  The version is 2.0.0.14

How can I post to you a screenshot?
0
Paul
Telerik team
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
0
Manon Girard
Top achievements
Rank 1
answered on 03 Jul 2008, 09:22 PM
This solution is causing problems.  I think this is not normal behaviour. 
Should I report like a bug under Firefix 2.0.0.14 ?
Tags
TabStrip
Asked by
Manon Girard
Top achievements
Rank 1
Answers by
Paul
Telerik team
Manon Girard
Top achievements
Rank 1
Share this question
or