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
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:
Please advise of a solution to this issue.
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.