We use cookies to give you the best experience on our website. If you continue to browse, then you agree to our privacy policy and cookie policy. (Last updated on: November 16, 2018).
Unfortunately, activation email could not send to your email. Please try again.
Syncfusion Feedback

node filled color will be changed for clicked node and their parent node

Thread ID:





98220 Feb 15,2011 08:50 AM UTC Feb 16,2011 05:44 AM UTC ASP.NET Web Forms (Classic) 1
Tags: DiagramWebControl
Asked On February 15, 2011 08:50 AM UTC


I am drawing a Flow Chart using Essential Diagram ASP.NET control. when I click on the node, the node filled color will be changed for clicked node and their parent node(may be start node). Please let me know whether it is possible or not.

Thanks in advance.

Bala Murugan A.S [Syncfusion]
Replied On February 16, 2011 05:44 AM UTC

Hi Raja,

Thank you for your interest in Syncfusion Products,

We glad to inform you that we have achieve your requirement and the same can be downloaded from the below link.

In the above sample if you click any of the node then path from clicked node to start node will be highlighted.
Please refer the below code snippet to achieve this.


this.DiagramWebControl1.NodeClick += new Syncfusion.Web.UI.WebControls.Diagram.NodeClickEventHandler(DiagramWebControl1_NodeClick);

void DiagramWebControl1_NodeClick(object sender, Syncfusion.Web.UI.WebControls.Diagram.NodeClickEventArgs e)
Node clickNode=e.Node;
if (clickNode != null && clickNode is FilledPath || clickNode is ConnectorBase)
foreach (Node modelNode in this.DiagramWebControl1.Model.Nodes)
if (modelNode is ConnectorBase)
((ConnectorBase)modelNode).LineStyle.LineColor = Color.DarkBlue;
((ConnectorBase)modelNode).LineStyle.LineWidth = 1f;
if (modelNode is FilledPath)
((FilledPath)modelNode).FillStyle.Color = Color.PowderBlue;

if (clickNode is FilledPath || clickNode is ConnectorBase)

private void HighLightNode(Node HNode)
IGraphNode thisNode = HNode as IGraphNode;
((FilledPath)thisNode).FillStyle.Color = Color.Red;

if (thisNode != null)
ICollection edgesLeaving = thisNode.EdgesEntering;
if (edgesLeaving != null)
foreach (IGraphEdge curEdge in edgesLeaving)
// Get from IGraphEdge link.
ConnectorBase link = curEdge as ConnectorBase;
link.LineStyle.LineColor = Color.HotPink;
link.LineStyle.LineWidth = 2f;
Node node = link.FromNode as Node;

Please let me know your concerns.

Bala Murugan A.S


This post will be permanently deleted. Are you sure you want to continue?

Sorry, An error occured while processing your request. Please try again later.

Please sign in to access our forum

This page will automatically be redirected to the sign-in page in 10 seconds.

Warning Icon You are using an outdated version of Internet Explorer that may not display all features of this and other websites. Upgrade to Internet Explorer 8 or newer for a better experience.Close Icon