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; }