hide expand/collapse image on root node

[Albert Shenker]

i have a treeview. I'd like to hide the expand/collapse image on the root node. I tried the following:

function pageLoad()
        {
            var treeView = $find("<%=TreeView1.ClientID%>");
            var node = treeView.get_nodes().getNode(0);
            var toggleElement = node.get_toggleElement();
            if (toggleElement)
            toggleElement.style.display = "none";
        }

and this works, however the tree nodes still have a large amount of space to their left where the expand/collpase image would have been. Is there any way to get the root node to left justify against the left edge of the treeview in this case?

[Princy]

Hello,

To align the root node to left you can try setting the margin-left property in CSS.
CSS:

.rtIn
{
 margin-left: -10px !important;;
}

Thanks,
Princy.

[Albert Shenker]

That moves the node text to the left. It doesn't move the node image to the left.

[Kate]

Hi Albert,

In case you need the whole node to the left (the text and the image) you ca use the following css class selector:

div.RadTreeView .rtSp {
   margin-left: -15px;}

Regards,
Kate
the Telerik team