Secondary Seleted Node Style

[Joe]

Anyone know of an easy way where I can have a secondary Selected node style?  For example node levels 1 - 4 would have Style1 and Nodes 5 & 6 would have Sytle2?

I used the Visual Style Build to create my basic theme, the only problem is that I need to have a secondary "Selected" style depending on the node's level.

On the server side I am simply responding to the Node_Expand event, looping though my data and adding new nodes to the node that was passed in.

[Joe]

Just trying to bump this to the top.  Anyone have an idea?  Could I intercept the mouseOver/Out events and hijack the CSS ".Selected" class that gets auto-magically applied?

[Plamen]

Hi Joe,

Here is one possible way you can set a different style on hover for nodes, depending on the node depth:

<telerik:RadTreeView ID="RadTreeView3" runat="server"    >

            <DataBindings>

                <telerik:RadTreeNodeBinding Expanded="true" Depth="0" HoveredCssClass="hovered1" />

                 <telerik:RadTreeNodeBinding Expanded="true" Depth="1" HoveredCssClass="hovered2" />

            </DataBindings>
</telerik:RadTreeView>

  .hovered1 .rtIn

   {

    background-image:none !important;

     background-color:Red !important;

   

  }

.hovered2 .rtIn

   {

    background-image:none !important;

    background-color:Blue !important;

  }

Hope this information helps.

Kind regards,
Plamen Zdravkov
the Telerik team