I tried to use custom css class for RadTab, I defined two classes for normal/selected tab
.SelectedTab
{
font-weight: bold !important;
background-image: url('../../Images/Navi_Buttons/01_Selected.png');
background-repeat: no-repeat;
width: 164px;
height: 22px;
text-align: center;
color: White;
}
.CustomTab
{
font-weight: bold !important;
background-image: url('../../Images/Navi_Buttons/02_NotSelected.png');
background-repeat: no-repeat;
width: 164px;
height: 22px;
text-align: center;
color: White;
}
and in my aspx, I set the property for tab control
<telerik:RadTabStrip ID="RadTabStrip1" runat="server" MultiPageID="RadMultiPage1"
SelectedIndex="0" Skin="" EnableEmbeddedSkins="false">
<Tabs>
<telerik:RadTab Text="AAA" SelectedCssClass="SelectedTab" CssClass="CustomTab" >
</telerik:RadTab>
<telerik:RadTab Text="BBB" SelectedCssClass="SelectedTab" CssClass="CustomTab">
</telerik:RadTab>
</Tabs>
</telerik:RadTabStrip>
All tabs are displayed as CustomTab, and I see in the html, the selected tab has both of SelectedTab and CustomTab
.SelectedTab
{
font-weight: bold !important;
background-image: url('../../Images/Navi_Buttons/01_Selected.png');
background-repeat: no-repeat;
width: 164px;
height: 22px;
text-align: center;
color: White;
}
.CustomTab
{
font-weight: bold !important;
background-image: url('../../Images/Navi_Buttons/02_NotSelected.png');
background-repeat: no-repeat;
width: 164px;
height: 22px;
text-align: center;
color: White;
}
and in my aspx, I set the property for tab control
<telerik:RadTabStrip ID="RadTabStrip1" runat="server" MultiPageID="RadMultiPage1"
SelectedIndex="0" Skin="" EnableEmbeddedSkins="false">
<Tabs>
<telerik:RadTab Text="AAA" SelectedCssClass="SelectedTab" CssClass="CustomTab" >
</telerik:RadTab>
<telerik:RadTab Text="BBB" SelectedCssClass="SelectedTab" CssClass="CustomTab">
</telerik:RadTab>
</Tabs>
</telerik:RadTabStrip>
All tabs are displayed as CustomTab, and I see in the html, the selected tab has both of SelectedTab and CustomTab
<li class="rtsLI rtsFirst"><a class="rtsLink CustomTab rtsSelected SelectedTab" href="#"> Please help to check it. Thanks