Highlight the full row of a node

[Eugen]

Hi everyone,

Is there a way to highlight the "full row" of a node? I mean the highlighted node background to fit the entire control width.

The default mode is note text length dependent.

Thanks!

[Nikolay Tsenkov]

Hello Eugen,

Yes, there is!
Here is how you can do that:

// highlight the first node in the rootNodesCollection
var $ = $telerik.$;
var tree = $find("RadTreeView1");
var nodeElement = tree.get_nodes().getNode(0).get_element();
var nodeRow = $('> div', nodeElement);
$(nodeRow).css("background-color", "yellow");

Hope this is helpful for you!


Regards,
Nikolay Tsenkov
the Telerik team

[Eugen]

Thank you Nikolay for your replay but unfortunately this is not what I want. I want to set the background (image/color) for any child node to spread on the entire tree width. Your JS approach only spread the background element over the "bullet" zone (additional to text zone) of the node (<LI> element)

[Nikolay Tsenkov]

Hi Eugen,

Well, this is not so trivial to be achieved. My suggestion is to use the RadTreeList that we have recently introduced. There all the elements are having the same width and at the same time you still get the treeView's hierarchical capabilities.


Regards,
Nikolay Tsenkov
the Telerik team