[Solved] Can we disable the mouse hovering and high-light?

[Nim]

Hello,

I am using the treeview to display some data like the following:

  <% string a = ...
        string b = ...
        string c = ... %>
   <%= Html.Telerik().TreeView().Name("treeview").ExpandAll(true)
            .Items(item => {
                item.Add().Text(a).Items(
                        subItem =>  {
                            subItem.Add().Text(b);
                            subItem.Add().Text(c);
                        });})
    %>

It works very well.  Yet I notice if my mouse hovers or if I click on the item, the tree-item will be high-lighted as if it is selected.
I wonder if we can disable the hovering and high-light (when user clicks on the item)?

Many thanks!

[Dimo]

Hello Nim,

Yes, you can remove the hovered and selected states' styling with the following CSS rule:

.t-treeview .t-item .t-state-hover,
.t-treeview .t-item .t-state-selected
{
    border-color: transparent;
    background-color: transparent;
}

Depending on the skin, you may also need to redefine the text color in the same fashion as shown.

Greetings,
Dimo
the Telerik team

[Nim]

Thank you for your reply!!  This solves my issue.

FYI, when I put:
 
border-color: transparent;

to a css file through VS 2008, an error message shows up:

Validation (CSS2.1):'transparent' is not a valid value for the 'border-color' property.

Currently I'm using "White" instead of "transparent" to avoid the error message.

[Dimo]

Hi Nim,

Visual Studio is not the best source for learning CSS :)

http://www.w3.org/TR/CSS21/box.html#propdef-border-color

Greetings,
Dimo
the Telerik team