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: June 24, 2019).
Unfortunately, activation email could not send to your email. Please try again.
Syncfusion Feedback

Diagram template connector position

Thread ID:

Created:

Updated:

Platform:

Replies:

144737 May 20,2019 01:01 PM UTC May 22,2019 04:50 AM UTC Angular - EJ 2 3
loading
Tags: Diagram
Laurens Albers
Asked On May 20, 2019 01:01 PM UTC

hi,

I have created a html element as a template annotation in a connector, but i would like for it to be centered on the "line" at all times.
But your demo and my project have the same issue, is that it sticks left and follows the uppermost parent/element when dragging a "point".

Example using your demo: try drawing a circle while holding the targetpoint/ID, the htmlelement stick to the left most element+ uppermost.

If that's impossible, is it then possible to set the x and y position of the template? That would work fine for me too.(just like setting positions for nodes). I will just set it then with a changeEvent of the connectors.

have a nice day!

greetings,

Laurens

Angualr 7+, TypeScript 3+

Ramya Thirugnanam [Syncfusion]
Replied On May 21, 2019 10:15 AM UTC

Hi Laurens, 
 
Please set the width and height for the annotation which has template to resolve the issue. Please find the code example and kb document as below. 
 
Code example: 
annotations: [{ id:"label1", template:'<div><input type="button" value="Submit"></div>', width:50 , height:20}] 
 
 
 
 
We will fix the issue with provided code example in help documentation. We will refresh the help documentation on May 29th 2019.  
 
Regards, 
Ramya T 


Laurens Albers
Replied On May 21, 2019 01:04 PM UTC

hi,

Thanks, your answer works great!

greetings,

Laurens 

Ramya Thirugnanam [Syncfusion]
Replied On May 22, 2019 04:50 AM UTC

Hi Laurens, 
 
Thanks for you update. 
 
Regards, 
Ramya T 


CONFIRMATION

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

Live Chat Icon For mobile
Live Chat Icon