Selected tab and hover off problem

2 posts, 0 answers
  1. Samantha
    Samantha avatar
    9 posts
    Member since:
    Apr 2011

    Posted 19 Oct 2011 Link to this post

    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:
    RadTab tab = new RadTab();
                    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";
                            tabStripMain.EnableEmbeddedSkins = true;
                            tabStripMain.Skin = "Outlook";

    And the css:

        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;
        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;
  2. Kate
    Kate avatar
    1898 posts

    Posted 24 Oct 2011 Link to this post

    Hi Samantha,

    I tried to reproduce the appearance that you describe but I get very odd look when I set the css classes that you use in your scenario(see the attached image). can you please send us either a live url or a simplified runnable project that we can test locally and help you out with the desired look(no need to use databind, only a simple markup for testing purpose would be sufficient).

    the Telerik team
    If you want to get updates on new releases, tips and tricks and sneak peeks at our product labs directly from the developers working on the RadControls for ASP.NET AJAX, subscribe to their blog feed now
  3. DevCraft R3 2016 release webinar banner
Back to Top