Diagram template connector position

[Laurens Albers]

hi,

Following your -> https://ej2.syncfusion.com/angular/documentation/diagram/labels/#template-support-for-annotation

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]

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}] 

 

 

Kb: https://www.syncfusion.com/kb/10312/how-to-add-html-elements-in-annotation 

 

 

We will fix the issue with provided code example in help documentation. We will refresh the help documentation on May 29^th 2019.  

 

Regards, 

Ramya T 

[Laurens Albers]

hi,

Thanks, your answer works great!

greetings,

Laurens 

[Ramya Thirugnanam]

Hi Laurens, 

 

Thanks for you update. 

 

Regards, 

Ramya T