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

Red border occurs on mouseover on custom node while connecting two custom node

Thread ID:





123205 Feb 25,2016 02:59 PM UTC Feb 29,2016 04:53 AM UTC WPF 3
Tags: Diagram
Asked On February 25, 2016 02:59 PM UTC


I have custom nodes implemented in my application. But when i try to connect those two nodes by line connector then red border appears while connecting and when node is connected it disappear.
How to restrict that red border from appearing while connecting custom nodes.
Sample image has been attached

Attachment: RedBorderNode_9b6ee531.zip

Ranjitha Amirthalingam [Syncfusion]
Replied On February 26, 2016 05:27 AM UTC

Hi Ashish,

Thanks for contacting Syncfusion support.

Requirement: Disable/Customize the Connection Hit Path Border of Node and ConnectionPort.

We have achieved your requirement by HitPathStyle property of Node and ConnectionPort. We have provided code example and sample to represent this. Please refer to the sample and code example as below.

Code example:


<Style x:Key="Hitpathstyle" TargetType="Border">

     <Setter Property="BorderBrush" Value="Transparent"></Setter>

     <Setter Property="BorderThickness" Value="4"></Setter>

node.HitPathStyle=this.Resources["Hitpathstyle"] as Style;

port.HitPathStyle = this.Resources["Hitpathstyle"] as Style;

//Here, node is the instance of Node and port is the instance of ConnectionPort.

Sample Link:  ConnectionHitBorder

Also, we have provided video to represent this. Please refer to the video as below.

Video Link: ConnectionHitborder_video

Ranjitha A.

Replied On February 26, 2016 06:30 AM UTC

Hi Ranjitha,

Thanks for the quick reply.
When we downloaded the sample application provided by you we are getting error for
Kindly find the error message attachment.

We are using 13.3460.0.7 version of syncfusion

Ashish Nandavadekar

Attachment: Error_52644b0b.zip

Ranjitha Amirthalingam [Syncfusion]
Replied On February 29, 2016 04:53 AM UTC

Hi Ashish,

Requirement: Need to disable/customize the Connection Hit Path Border of Node and ConnectionPort.

We have provided support to
disable/customize the Connection Hit Path Border using HitPathStyle property in our Volume 4 release( version. These properties will work in version. Please upgrade to our latest version( to get your issue resolved.

Ranjitha A.


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