RadTabStrip resizing in IE9

1 posts, 0 answers
  1. Keith
    Keith avatar
    94 posts
    Member since:
    Jun 2012

    Posted 09 Oct 2012 Link to this post

    I have a huge project that used RadTabStrips liberally. In many of the pages, but not all, the RadTabStrip unexpectedly resizes to 100% of the browser width. This behavior is not exhibited in IE7 or IE8.

    After a cursory look at the CSS for the pages affected, I noticed that there is an entry in the WebResource.axd

    .RadTabStrip .rtsLevel {
     
    width: 100%; overflow: hidden; padding-top:
    1px; clear: both; position: relative;
    }


    If I disable the width setting in this file (dynamically through the IE developer tools) the RadTabStrip displays properly, fitting the width of the multipage.

    I do not set the width of the tabstrip anywhere because the width of the multipage may vary based on the dynamically created content.

    The code for the tabstrip is:

    <telerik:RadTabStrip ID="RadTabStrip1" runat="server" MultiPageID="RadMultiPage1" SelectedIndex="0">
        <Tabs>
            <telerik:RadTab runat="server" Text="Manage Disciplines" Selected="True">
            </telerik:RadTab>
            <telerik:RadTab runat="server" Text="Discipline Mapping">
            </telerik:RadTab>
        </Tabs>
    </telerik:RadTabStrip>



    Please advise of a solution to this issue.
Back to Top