Change border in MouseEnter Event

[Faustino]

How can I change the right edge of a node in the MouseEnter event, change border width and color

Thanks for your help

[Nadya | Tech Support Engineer]

Hello Faustino,

According to your brief description, I suppose that you want to change the right border color and width of the TreeNodeElement for the specified state. I can suggest using the NodeFormatting event and the SetThemeValueOverride method as shown below:

private void RadTreeView1_NodeFormatting(object sender, TreeNodeFormattingEventArgs e)
{
      e.NodeElement.SetThemeValueOverride(LightVisualElement.BorderRightColorProperty, Color.Red, "FullRowSelect.MouseOver");
      e.NodeElement.SetThemeValueOverride(LightVisualElement.BorderRightWidthProperty, 5f, "FullRowSelect.MouseOver");
}

The achieved result is demonstrated in the attached gif file.

I hope this helps. Should you have any other questions do not hesitate to ask.

Regards,
Nadya
Progress Telerik

[Faustino]

It's great! is what i wanted

thanks!!!!!

[Faustino]

One question does not work when the treeview have a theme??

[Nadya | Tech Support Engineer]

Hello Faustino,

I am glad that the suggested solution works for you.

Note that every theme has different styles and settings. Could you please specify which theme you use in your project? I can suggest using the Visual Style Builder where you can modify the theme and change the styles of each specific state. Here are the steps you need to take to achieve this:

1. Extract the predefined themes, which will allow you to edit the crystal theme: Loading Predefined Themes
2. Change the BorderRightColor and BorderRightWidth properties in the theme (see attached).
3. Save and use the new theme in your application: Using custom themes

I am looking forward to your reply.

Regards,
Nadya
Progress Telerik

[Faustino]

Thank you! He helped me a lot and I could do it with his example!