Hrushikesh Mokashi
Top achievements
Rank 1
Hrushikesh Mokashi
asked on 10 Sep 2008, 12:13 PM
Hi All,
I am using RadControls for ASP.NET AJAX 2008 (version 2826)
I am using radtabstrip .
I have added 3 radtab in it.
e.g. if tabs are Tab1,Tab2 and Tab3
In IE7 tabs showing in horizotal line one after the other.
IE7 view -
Tab1 Tab2 Tab3
But i am facing problem in IE6
IE 6 view -
Tab1
Tab2
Tab3
how can i show in horizontal line like IE7
Thanks.
I am using RadControls for ASP.NET AJAX 2008 (version 2826)
I am using radtabstrip .
I have added 3 radtab in it.
e.g. if tabs are Tab1,Tab2 and Tab3
In IE7 tabs showing in horizotal line one after the other.
IE7 view -
Tab1 Tab2 Tab3
But i am facing problem in IE6
IE 6 view -
Tab1
Tab2
Tab3
how can i show in horizontal line like IE7
Thanks.
4 Answers, 1 is accepted
0
Hi Hrushikesh Mokashi,
We couldn't reproduce the problem on our end. Please give us more details about your scenario. You could open as support ticket and send us a sample project.
Kind regards,
Albert
the Telerik team
Check out Telerik Trainer, the state of the art learning tool for Telerik products.
We couldn't reproduce the problem on our end. Please give us more details about your scenario. You could open as support ticket and send us a sample project.
Kind regards,
Albert
the Telerik team
Check out Telerik Trainer, the state of the art learning tool for Telerik products.
0
Andreas Kaech
Top achievements
Rank 1
answered on 10 Dec 2008, 08:35 AM
Hi Telerik,
with internal Skins, the look in IE 6 is OK.
But with this customized skin, IE 6 renders vertically. Why?
Here is my css file:
.RadTabStrip_CHQ .rtsLI, |
.RadTabStrip_CHQ .rtsLink |
{ |
padding-left: 10px; |
padding-right: 10px; |
height: 22px; |
font-weight: bold; |
background-color: #EEE7E2; |
} |
.RadTabStrip_CHQ .rtsLink |
{ |
text-decoration: none; |
font: 11px/18px arial,sans-serif; |
line-height: 22px; |
text-align: center; |
} |
.RadTabStripTop_CHQ .rtsOut, |
.RadTabStripBottom_CHQ .rtsOut |
{ |
text-align:center; |
vertical-align: middle; |
} |
.RadTabStripLeft_CHQ .rtsUL .rtsLI |
{ |
display: block; |
} |
.RadTabStripLeft_CHQ .rtsLevel .rtsUL, |
.RadTabStripRight_CHQ .rtsLevel .rtsUL |
{ |
width: 150px; /* default width */ |
} |
/* disabled tabs */ |
.RadTabStrip_CHQ .rtsDisabled, |
.RadTabStrip_CHQ_disabled .rtsDisabled |
{ |
color: #ccc; |
cursor: default; |
} |
.RadTabStrip_CHQ .rtsImg |
{ |
border:0; |
vertical-align:top; |
width: 16px; |
margin: 2px 0; |
} |
/* Orientation: Top */ |
.RadTabStripTop_CHQ .rtsSelected { color: #E31921; } |
Thanks for answering,
Andreas
0
Hi Andreas Kaech,
This seems like a rendering bug in IE6 triggered by the height of the .rtsLink rule. Please change this CSS rule:
.RadTabStrip_CHQ .rtsLI,
.RadTabStrip_CHQ .rtsLink
{
padding-left: 10px;
padding-right: 10px;
height: 22px;
font-weight: bold;
background-color: #EEE7E2;
}
to this:
.RadTabStrip_CHQ .rtsLI
{
padding-left: 10px;
padding-right: 10px;
font-weight: bold;
background-color: #EEE7E2;
}
.RadTabStrip_CHQ .rtsLink
{
padding-left: 10px;
padding-right: 10px;
font-weight: bold;
background-color: #EEE7E2;
}
Greetings,
Albert
the Telerik team
Check out Telerik Trainer, the state of the art learning tool for Telerik products.
This seems like a rendering bug in IE6 triggered by the height of the .rtsLink rule. Please change this CSS rule:
.RadTabStrip_CHQ .rtsLI,
.RadTabStrip_CHQ .rtsLink
{
padding-left: 10px;
padding-right: 10px;
height: 22px;
font-weight: bold;
background-color: #EEE7E2;
}
to this:
.RadTabStrip_CHQ .rtsLI
{
padding-left: 10px;
padding-right: 10px;
font-weight: bold;
background-color: #EEE7E2;
}
.RadTabStrip_CHQ .rtsLink
{
padding-left: 10px;
padding-right: 10px;
font-weight: bold;
background-color: #EEE7E2;
}
Greetings,
Albert
the Telerik team
Check out Telerik Trainer, the state of the art learning tool for Telerik products.
0
Andreas Kaech
Top achievements
Rank 1
answered on 10 Dec 2008, 10:12 AM
Thanks, Albert. This does the trick.
Perhaps by Hrushikesh Mokashi there was a similar issue.
Best regards,
Andreas
Perhaps by Hrushikesh Mokashi there was a similar issue.
Best regards,
Andreas