Remove hyperlink on radtree node hover

[Venkadesh Babu]

 Hi,

 I need to remove an hyperlink look from my tree nodes.  Tryed TreeNodeOver style like "text-decoration: none". However it is not working.

I used the below css code on aspx page:

<style type="text/css">
.myNodeHoveredCss .rtIn
{
    text-decoration: none !important;
} 
.myNodeSelectedCss .rtIn
{
    text-decoration: none !important;
}
</style>

Code behind used below line:
stNode.HoveredCssClass = "myNodeHoveredCss";

Can you please tell me how to remove Hyperlink look from tree node?.

[Princy]

Hello Venkadesh,

I suppose you want to remove the background that comes on hovering RadTreenodes.Try the following CSS.
CSS:

<style type="text/css">
.RadTreeView_Default .rtHover .rtIn
{
  background:none !important;
  border-color:white !important;
}
</style>

Thanks,
Princy.

[Venkadesh Babu]

Hi,
I tryed with the below mentioned CSS to remove hyperlink look from the telerik tree node. However it is not working.

CSS:
<style type="text/css">
.RadTreeView_Default .rtHover .rtIn
{
  background:none!important;
  border-color:white!important;
}
</style>

Can you please share with me how to remove Hyperlink look from tree node?.

[Kate]

Hello Venkadesh Babu,

You could try using the following css class selectors. However you would need to change the selectors to match you current skin that is applied in case you a skin that is different form Windows7(for example in case you use the Default skin the first selector would be as follows - 

div.RadTreeView_Default .rtSelected .rtIn ):

div.RadTreeView_Windows7 .rtSelected .rtIn
        {
            /*applied to the tree node when selected*/
            background-color: White;
            background-image: none;
        }
        div.RadTreeView_Windows7 .rtHover .rtIn
        {
            /*applied to the tree node when hovered*/
            background-color: White;
            background-image: none;
        }
        div.RadTreeView_Windows7 .rtHover .rtIn
        {
            /*applied to the tree node when hovered*/
            border: 0px;
        }

        div.RadTreeView_Windows7 .rtSelected .rtIn
        {
            /*applied to the tree node when selected*/
            border: 0px;
        }

Regards,
Kate
the Telerik team

[Venkadesh Babu]

Thanks Kate. It worked.

Regards,
Venkadesh Babu