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.
|
The diagram provides template support for annotation. You should define the SVG/HTML content as a string in the annotation’s template property. The following code illustrates how to define a template in node’s annotation. Similarly, you can define it in connectors. annotations: [{ template: '<div style="width:100%;height:100%">
<input type="button" value="Submit">
</div>',
width: 57, height: 25 }]
By default, the template of the annotation will be stretched to the size of the node and connector. So, set the width and height to the annotation and also assign the width and height of the parent div as 100%. Refer to the sample to set template for annotation as follows. Link: https://stackblitz.com/edit/js-83dkaf?file=index.js
Also, refer to the appearance customization of annotation, dragging support for annotation, multiple annotations, and event for editing the annotation. |
This page will automatically be redirected to the sign-in page in 10 seconds.
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.
