I am having a problem when I hover off the selected tab, it reverts to the standard, non-selected css class. When the page loads the selected tab has a yellow background image, the other tabs have a blue background. When I hover over the selected tab it remains yellow, when I move the mouse off the selected tab (hover off) its background becomes blue.
Here's the code:
Code behind:
And the css:
Here's the code:
Code behind:
RadTab tab = new RadTab();
tabStripMain.Tabs.Add(tab);
switch (myswitch)
{
case 1:
tab.Text = node.SelectSingleNode("TAB_TITLE").ChildNodes[0].Value;
tab.Font.Size = 12;
tab.CssClass = "results_tab_off";
tab.SelectedCssClass = "results_tab_on";
tab.HoveredCssClass = "results_tab_on";
break;
default:
tabStripMain.EnableEmbeddedSkins = true;
tabStripMain.Skin = "Outlook";
break;
}
And the css:
.results_tab_off
{
background:white url(/images/medica/results_tab_off.png) no-repeat 0 100%;
height: 40px;
width: 211px;
color: White;
padding: 10px 0px 0px 0px !important;
text-align: left !important;
border-left: 1px solid white;
}
.results_tab_on
{
background:white url(/images/medica/results_tab_on.png) no-repeat 0 100%;
height: 40px;
width: 211px;
color: #999;
padding: 10px 0px 0px 0px !important;
text-align: left !important;
border-left: 1px solid white;
}
.RadTabStrip .rtsTxt {
padding-left: 5px !important;
padding-top: 13px !important;
}