Intersoft Community - WebTreeView - WebTreeView CustomStyle

WebTreeView CustomStyle

handy@intersoftpt.com — Mon, 17 Jan 2011 12:55:15 GMT

Hello,

I think it is easier if you configure it in Node Style properties. Selected node would be referred into Active style.

Regards,
Handy

WebTreeView CustomStyle

qq397472251 — Sun, 16 Jan 2011 22:07:54 GMT

Can I set the style of the selected node?(the other nodes keep the default style)

WebTreeView CustomStyle

qq397472251 — Fri, 14 Jan 2011 02:35:05 GMT

thank you,Handy

WebTreeView CustomStyle

handy@intersoftpt.com — Thu, 13 Jan 2011 21:30:29 GMT

Hello Frank,

It is not possible to change its color in properties. You will need to get the element and set its style.

function WebTreeView1_OnNodeSelect(ctrlId, node) {
    var url = node.Value;
    node.GetElement().style.color="red";
    if (url != "") {
        setPanelURL(url);        
    }
    return true;
}

Regards,
Handy

WebTreeView CustomStyle

qq397472251 — Thu, 13 Jan 2011 20:31:30 GMT

Can you show me a demo about how to custom style by clientside???
However,it does not work by the code below:
function WebTreeView1_OnNodeSelect(ctrlId, node) {
    var url = node.Value;
//    alert(node.style)
      node.style.color='red';
    if (url != "") {
        setPanelURL(url);
    }
    return true;
}

WebTreeView CustomStyle

handy@intersoftpt.com — Wed, 12 Jan 2011 23:33:14 GMT

Hello Frank,

I am afraid, it is not possible. Your workaround is raised an issue according to your screenshot.
The problem is, text is also applied into table element.
I suggest you to do it via client side by using attachevent for the current node.

Regards,
Handy

WebTreeView CustomStyle

qq397472251 — Wed, 12 Jan 2011 20:25:56 GMT

I am sorry,your idea can not meet my need. I want to chang the current node(e.Node.Depth == 2)when I mousemove(not all the nodes).(see the picture)
can you help me???

WebTreeView CustomStyle

handy@intersoftpt.com — Wed, 12 Jan 2011 02:32:06 GMT

Hello Frank you can set NodeStyle for Normal and Over properties.

E.g In normal state, please try to apply below style.

 <NodeStyle>
 <Normal ForeColor="Blue">
 </Normal>
 <Over ForeColor="Red">
 </Over>
 </NodeStyle>

Regards,
Handy

WebTreeView CustomStyle

qq397472251 — Wed, 12 Jan 2011 01:25:22 GMT

Can I custom the node's style,like this:when I onmouseover,the node color is red,when I onmouseout ,the node color is blue.(see the picture below)
Any way, my code does not work.

How can I do ??Anyone can help me ?Thanks

 <ISWebTreeView:WebTreeView ID="Tree_left" runat="server" Height="365px" Width="156px"                    DataSourceID="XmlDataSource1" AutoGenerateDataBindings="True"          OnInitializeNode="Tree_left_InitializeNode">

  protected void Tree_left_InitializeNode(object sender, WebTreeViewNodeEventArgs e)
    {       
        if (e.Node.Depth == 2)
        {
            //e.Node.CustomStyle = "cursor: hand;border-bottom:1px solid #0000CC;vertical-align:bottom;color:#0000CC;";
            e.Node.Text ="<u onmouseover=\"this.style.color='red'\" onmouseout=\"this.style.color='#0000CC'\" >"+e.Node.Text+" </u>";
          
        }
    }