Disabling Styles Hover and Selected

[Henrique Duarte]

How can I disable the hover and selected style from a TreeView?
I found this thread ( http://www.telerik.com/community/forums/thread/b311D-bdakad.aspx ) talking about a HoveredCssClass ans SelectedCssClass property, but I didn't find these properties.

[]'s,

Henrique

[Atanas Korchev]

Hello Henrique Duarte,

You can do so by modifying the current skin. For example for the default skin you can use the following CSS:
        <style type="text/css">
        .RadTreeView_Default .rtHover span.rtIn
        {
            color: black !important;
            background:none !important;
            border: none !important;
            padding: 2px !important;
        }

        .RadTreeView_Default .rtSelected span.rtIn
        {
            color: black !important;
            background:none !important;
            border: none !important;
            padding: 2px !important;
        }
    </style>

Kind regards,
Albert
the Telerik team

Instantly find answers to your questions at the new Telerik Support Center

[Jorge]

I tried your suggested solution and it did not work. I too need to disable the highlight effects in one of my RadTreeViews.

Another thing I need is to set the default expand level for the tree, and yet another is to disable selection entirely, since I am using embeded controls to handle clicks. How can this be done?

Could you please consider adding simple parameters that handle these scenarios, instead of making us create coding hacks? Something like:

DisableHoverEffect = True
DisableSelectEffect = True
DisableSelect = True
DefaultExpandLevel = (Integer)

[Fabio Rocha de Pinho]

Hi Jorge, I had the same problem and fixed using a code similar to what Albert sugested:

.RadTreeView_themename .rtHover .rtIn

{  

    background:none !important;

    border: none !important;

    padding: 2px !important;

}

.RadTreeView_themename .rtSelected .rtIn

{  

    background:none !important;

    border: none !important;

    padding: 2px !important;

}

Regards,

Fabio

[Wyatt]

Thanks for this great information, guys!  I modified your solutions slightly to work for the several built-in skins I tested.  This style is only appled if the tree's CssStyle = "ReadOnly".  This allows the style to be defined globally without affecting all trees.

    div.RadTreeView.ReadOnly .rtHover .rtIn,
    div.RadTreeView.ReadOnly .rtSelected .rtIn
    {
        color:inherit !important;
        background:none !important;
        border: none !important;
        padding: 4px 3px 3px 3px !important;
    }

[Nicolaï]

Thanks Wyatt.
Would be an idea to add some styling properties, as suggested above. Next time I need this, I will probably have to do another search on the website, or a search in my code, if I can remember where I used it..

[Kate]

Hello Nicolaï,

You can refer to the following help article for more details on the different css classes that are applied to the RadTreeView control.  

Greetings,
Kate
the Telerik team