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

Width of vertical RadTabStrip limited in IE 6

3 Answers 61 Views
TabStrip
This is a migrated thread and some comments may be shown as answers.
Tom
Top achievements
Rank 1
Tom asked on 22 Jun 2010, 08:28 PM
We have an issue with the display of a vertical RadTabStrip in IE 6 (which I guess we're still supporting).

Rendered html is:
<td valign="top" class="grayBak" style="width: 300px;"> <%-- Background for tabs: tabs should fill its width --%>
    <div id="ctl00_ctl00_CPH1_TabStripMyProfilePanel">
        <div id="ctl00_CPH1_TabStripMyProfile" class="RadTabStripVertical RadTabStrip_SimpleAMHC RadTabStripLeft_SimpleAMHC">
            <div class="rtsLevel rtsLevel1">

Even though our containing div is 300px and we've styled several components (e.g. .rtsIn) to be wide,  in IE 6 the tabstrip width appears to be limited to 150px (See attached image "vertical radtabstrip width in ie6.jpg).  Other browsers are OK.

Any ideas on fixing this for IE6?

Thanks,
Tom

3 Answers, 1 is accepted

Sort by
0
Yana
Telerik team
answered on 24 Jun 2010, 03:52 PM
Hi Tom,

Could you please send us the definition of the combobox and used css styles? Thanks

Best wishes,
Yana
the Telerik team
Do you want to have your say when we set our development plans? Do you want to know when a feature you care about is added or when a bug fixed? Explore the Telerik Public Issue Tracking system and vote to affect the priority of the items
0
Tom
Top achievements
Rank 1
answered on 25 Jun 2010, 05:02 AM
I found the culprit in your WebResource.axd file:
HTML .RadTabStripVertical .rtsLevel {  
        WIDTH: 150px 
Why is this hardcoded width there -- bug?  And I'm not sure why it only affected IE6.

I'm using a custom skin (SimpleAMHC) for my vertical RadTabStrip, so I will now resolve the issue by adding this style:
DIV.RadTabStripVertical DIV.rtsLevel {  
        width: 100%;  

(Issue resolved)

--Tom
0
Yana
Telerik team
answered on 30 Jun 2010, 12:26 PM
Hi Tom,

Actually this is needed exactly for IE6 to show the vertical RadTabStrip properly. We're sorry for the inconvenience.

Best wishes,
Yana
the Telerik team
Do you want to have your say when we set our development plans? Do you want to know when a feature you care about is added or when a bug fixed? Explore the Telerik Public Issue Tracking system and vote to affect the priority of the items
Tags
TabStrip
Asked by
Tom
Top achievements
Rank 1
Answers by
Yana
Telerik team
Tom
Top achievements
Rank 1
Share this question
or