Need to change the expanded node style

[Balaji]

Hi

We are using ajax rad tree view in our application with custom skin. And there is a requirement to change the expanded node font size & font weight.

Please suggest me to get the solution

Thanks in advance,
Balaji Velasiri

[Shinu]

Hallo Balaji Velasiri,

Try setting the font style from client side as shown below.

ASPX:

<telerik:RadTreeView ID="RadTreeView1" OnClientNodeCollapsed="OnClientNodeCollapsed" OnClientNodeExpanded="OnClientNodeExpanded"
    runat="server">
    <Nodes>
     . . .
    </Nodes>
</telerik:RadTreeView>

JavaScript:

<script type="text/javascript">
    function OnClientNodeExpanded(sender, args) {
        args.get_node().get_textElement().style.fontSize = "20px"; // Set the font style
        args.get_node().get_textElement().style.fontWeight = "bold"; // Set the fonf style
    }
    function OnClientNodeCollapsed(sender, args) {
        args.get_node().get_textElement().style.fontSize = "";  // Reset the style
        args.get_node().get_textElement().style.fontWeight = "normal"; // Reset the style
    }
</script>

-Shinu.

[Balaji]

Hi Shinu,

Thanks for your reply.

And is there any chance to achive the same through tree view custom style sheet ?

Thanks,
Balaji Velasiri

[Balaji]

Hi

I have used the above suggested code. And it is working fine if we expand the node using mouse.

But I am expanding tree view node from separate button click including the normal node expanding nature(on button click I am calling the script to expand the tree view node e.g: treeView.get_selectedNode().expand()). In this case the OnClientNodeExpanded, OnClientNodeCollapsed events are not firing.

Is there any way to fire the OnClientNodeExpanded, OnClientNodeCollapsed events even if we expand the tree view node using client side script ?

Thanks in advance,

Balaji Velasiri