2 RadTabStrip side by side

9 posts, 0 answers
  1. Manon Girard
    Manon Girard avatar
    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


  2. Paul
    Admin
    Paul avatar
    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
  3. Manon Girard
    Manon Girard avatar
    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>

    <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>

  4. Paul
    Admin
    Paul avatar
    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
  5. Manon Girard
    Manon Girard avatar
    19 posts
    Member since:
    Jan 2007

    Posted 27 Jun 2008 Link to this post

    Ok it's not the same browser version. 

    Screenshot
  6. Paul
    Admin
    Paul avatar
    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
  7. Manon Girard
    Manon Girard avatar
    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?
  8. Paul
    Admin
    Paul avatar
    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
  9. Manon Girard
    Manon Girard avatar
    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 ?
Back to Top