Rank 2
tabs are not working in IE please verify my code below
<telerik:RadTabStrip ID="RadTabStrip1" runat="server" SkinID="RadTabStrip" MultiPageID="RadMultiPage1"
SelectedIndex="0" Width="447px" CausesValidation="false">
<Tabs>
<telerik:RadTab runat="server" TabIndex="0" Text="Active Profile" Selected="true"
Style="font-size: 13px;">
</telerik:RadTab>
<telerik:RadTab runat="server" TabIndex="1" Text="InActive Profile" Style="font-size: 13px;">
</telerik:RadTab>
</Tabs>
</telerik:RadTabStrip>
<telerik:RadMultiPage ID="RadMultiPage1" runat="server" SelectedIndex="0" BorderWidth="0px">
<telerik:RadPageView ID="rdpvSalon" runat="server">
//////// Sample Table and Controls
</telerik:RadPageView>
<telerik:RadPageView ID="RadPageView1" runat="server">
//////// SampleTable and Controls
</telerik:RadPageView>
</telerik:RadMultiPage>
3 Answers, 1 is accepted
Since the following code is working fine under IE on our side , could you explain what exactly is not working on your side?
Kind regards,
Dimitar Terziev
the Telerik team
Rank 2
when applying theme tab control is not displaying properly
please verify my skin and css below
<
telerik:RadTabStrip SkinID="RadTabStrip" Skin="Default" runat="server" CssClass="RadTabStrip_Default" EnableEmbeddedSkins="false" />
CSSCLASS:
.RadTabStrip_Default .rtsLI,
.RadTabStrip_Default .rtsLink
{
color: #000;
font: 12px/26px "Segoe UI", Arial, sans-serif;
}
.RadTabStripLeft_Default .rtsSeparator,
.RadTabStripRight_Default .rtsSeparator
{
background: #828282;
}
/* <disabled tabs> */
.RadTabStrip_Default .rtsDisabled
{
color: #aaa;
}
/* </disabled tabs> */
/* <scrolling arrows> */
.RadTabStrip_Default .rtsNextArrow,
.RadTabStrip_Default .rtsPrevArrow,
.RadTabStrip_Default .rtsPrevArrowDisabled,
.RadTabStrip_Default .rtsNextArrowDisabled
{
background-image: url('TabStrip/TabStripStates.png');
}
/* </scrolling arrows> */
/* <tab backgrounds> */
.RadTabStripTop_Default .rtsLevel { background-color: transparent; }
.RadTabStripTop_Default .rtsLevel .rtsLink,
.RadTabStripTop_Default .rtsLevel .rtsOut,
.RadTabStripBottom_Default .rtsLevel .rtsLink,
.RadTabStripBottom_Default .rtsLevel .rtsOut,
.RadTabStripTop_Default_Baseline .rtsLevel,
.RadTabStripBottom_Default_Baseline .rtsLevel { background-image: url('TabStrip/TabStripStates.png'); }
.RadTabStripLeft_Default .rtsLink,
.RadTabStripRight_Default .rtsLink { background-image: url('TabStrip/TabStripVStates.png'); }
.RadTabStripLeft_Default .rtsLast .rtsLink,
.RadTabStripRight_Default .rtsLast .rtsLink
{
border-bottom: 1px solid #898C95;
}
/* </tab backgrounds> */
/* <background positioning: overlapping tabs> */
/* <orientation: top> */
.RadTabStripTop_Default .rtsLink { background-position: 0 -52px; }
.RadTabStripTop_Default .rtsFirst .rtsLink { background-position: 0 0; }
.RadTabStripTop_Default .rtsOut { background-position: 100% -52px; }
.RadTabStripTop_Default .rtsLast .rtsOut { background-position: 100% 0; }
.RadTabStripTop_Default .rtsLI .rtsSelected { background-position: 0 -26px; }
.RadTabStripTop_Default .rtsSelected .rtsOut { background-position: 100% -78px; }
.RadTabStripTop_Default .rtsLI .rtsAfter { background-position: 0 -78px; }
.RadTabStripTop_Default .rtsLast .rtsSelected .rtsOut { background-position: 100% -26px; }
.RadTabStripTop_Default_Baseline .rtsLevel { background-position: 0 100%; background-repeat: repeat-x; }
/* </orientation: top> */
/* <orientation: bottom> */
.RadTabStripBottom_Default .rtsLevel .rtsLink { background-position: 0 -130px; }
.RadTabStripBottom_Default .rtsLevel .rtsFirst .rtsLink { background-position: 0 -182px; }
.RadTabStripBottom_Default .rtsLevel .rtsOut { background-position: 100% -130px; }
.RadTabStripBottom_Default .rtsLevel .rtsLast .rtsOut { background-position: 100% -182px; }
.RadTabStripBottom_Default .rtsLevel .rtsLI .rtsSelected { background-position: 0 -156px; }
.RadTabStripBottom_Default .rtsLevel .rtsSelected .rtsOut { background-position: 100% -104px; }
.RadTabStripBottom_Default .rtsLevel .rtsLI .rtsAfter { background-position: 0 -104px; }
.RadTabStripBottom_Default .rtsLevel .rtsLast .rtsSelected .rtsOut { background-position: 100% -156px; }
.RadTabStripBottom_Default_Baseline .rtsLevel { background-position: 0 -599px; background-repeat: repeat-x; }
/* </orientation: bottom> */
/* <orientation: right> */
.RadTabStripRight_Default .rtsUL .rtsLink,
.RadTabStripRight_Default .rtsUL .rtsLI .rtsDisabled:hover { background-position: 100% 0; text-align: left; }
.RadTabStripRight_Default .rtsUL .rtsLink:hover { background-position: 100% -200px; }
.RadTabStripRight_Default .rtsUL .rtsSelected,
.RadTabStripRight_Default .rtsUL .rtsSelected:hover { background-position: 100% -400px; }
/* </orientation: right> */
/* <orientation: top (RTL)> */
.RadTabStripTop_Default_rtl .rtsLevel .rtsLink
{
padding-left: 0;
padding-right: 9px;
}
.RadTabStripTop_Default_rtl .rtsLevel .rtsOut
{
padding-left: 9px;
padding-right: 0;
}
.RadTabStripTop_Default_rtl .rtsLevel .rtsLink,
.RadTabStripTop_Default_rtl .rtsLevel .rtsOut { background-image: url('TabStrip/TabStripStates_rtl.png'); }
.RadTabStripTop_Default_rtl .rtsLevel .rtsLink { background-position: 100% -52px; }
.RadTabStripTop_Default_rtl .rtsLevel .rtsFirst .rtsLink { background-position: 100% 0; }
.RadTabStripTop_Default_rtl .rtsLevel .rtsOut { background-position: 0 -52px; }
.RadTabStripTop_Default_rtl .rtsLevel .rtsLast .rtsOut { background-position: 0 0; }
.RadTabStripTop_Default_rtl .rtsLevel .rtsLI .rtsSelected { background-position: 100% -26px; }
.RadTabStripTop_Default_rtl .rtsLevel .rtsSelected .rtsOut { background-position: 0 -78px; }
.RadTabStripTop_Default_rtl .rtsLevel .rtsLI .rtsAfter { background-position: 100% -78px; }
.RadTabStripTop_Default_rtl .rtsLevel .rtsLast .rtsSelected .rtsOut { background-position: 0 -26px; }
/* </orientation: top (RTL)> */
/* </background positioning: overlapping tabs> */
Sorry for my late response.
The CSS provided looks alright and i couldn't find the cause of your problem. Please send us a live URL if possible.
All the best,
Dimitar Terziev
the Telerik team