Tabstrip appears bad in Internet Explorer 9

2 posts, 0 answers
  1. Rubén
    Rubén avatar
    1 posts
    Member since:
    Sep 2013

    Posted 13 Sep 2013 Link to this post

    Hi everyone,

    I've tried differents possible solutions for this error but i couldn't resolving it.

    The problem is that the last RadTab of the RadTabStrip appears in a second line when it should be in the same line of the of the others RadTab. I've tried to change the width the all RadTabs, but it didn't works.

    In Firefox and Chrome  everything appears fine.

    I'm using the version 2013.1.319.35 of the Telerik.Web.UI.Skins.dll, Telerik.Web.UI and Telerik.Web.Design.

    The CSS :

    .pestanapanel.RadTabStrip .pestanapaneltexto span.rtsOut span.rtsIn span.rtsTxt:hover
    {
        color:#008AC8;
        text-decoration:underline;
    }
    .pestanapanel.RadTabStrip .rtsLink
    {
        padding-left:0px;
    }
    .pestanapanel.RadTabStrip li.rtsLI
    {
        background-color: #d5d5d5;
        text-align:center;
        vertical-align: middle;
        padding-top:0px;
        padding-bottom:0px;
        padding-left:0px;
        padding-right:0px;
        width:175px;
        float:left;
        height:60px; /*33px;*/
        border-right: #999 1px solid;
        -webkit-border-radius:4px 4px 0px 0px;
        -moz-border-radius: 4px 4px 0px 0px;
        border-radius: 4px 4px 0px 0px;
        white-space:normal;
    }

    The control :

                    <telerik:RadTabStrip ID="RadTabCarteras" runat="server" MultiPageID="RadMultiPageCarteras"
                        OnTabClick="RadTabStrip1_TabClick" SelectedIndex="0" Width="943px" Skin="Vista"
                        ScrollChildren="true" ScrollButtonsPosition="Middle" PerTabScrolling="true" 
                        CssClass="pestanapanel">
                        <Tabs>
                            <telerik:RadTab TabIndex="0" Text="<%$ Resources:Common, k000610 %>" CssClass="pestanapaneltexto">
                            </telerik:RadTab>
                            <telerik:RadTab TabIndex="1" Text="<%$ Resources:Common, k002037 %>" CssClass="pestanapaneltexto">
                            </telerik:RadTab>
                            <telerik:RadTab TabIndex="2" Text="<%$ Resources:Common, k002082 %>" CssClass="pestanapaneltexto">
                            </telerik:RadTab>
                            <telerik:RadTab TabIndex="3" Text="<%$ Resources:Common, k002061 %>" CssClass="pestanapaneltexto">
                            </telerik:RadTab>
                            <telerik:RadTab TabIndex="4" Text="<%$ Resources:Common, k001293 %>" CssClass="pestanapaneltexto">
                            </telerik:RadTab>
                            <telerik:RadTab TabIndex="5" Text="<%$ Resources:Common, k000667 %>" CssClass="pestanapaneltexto">
                            </telerik:RadTab>
                            <telerik:RadTab TabIndex="6" Text="<%$ Resources:Common, k001748 %>" CssClass="pestanapaneltexto">
                            </telerik:RadTab>
                        </Tabs>
                    </telerik:RadTabStrip>


    Thanks for your time and for your help.





  2. Nencho
    Admin
    Nencho avatar
    1458 posts

    Posted 17 Sep 2013 Link to this post

    Hello Ruben,

    I tried to replicate the described issue, using the specified version, but to no avail. Here is a video, demonstrating the tests I had performed. Would you specify the browsers, under which the problematic behavior occurs? In addition, please correct me if I had missed something, or doing anything wrong.

    Regards,
    Nencho
    Telerik
    If you want to get updates on new releases, tips and tricks and sneak peeks at our product labs directly from the developers working on the RadControls for ASP.NET AJAX, subscribe to the blog feed now.
  3. UI for ASP.NET Ajax is Ready for VS 2017
Back to Top