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. Image for the cookie policy date

Custom Controller shape

Dear Syncfusion Team,
I am trying to add a double arrow connector or other custom shapes in my Diagram palette.
Furthermore I want to have connectors with custom Icons/Images in the middle of the connector.
So far I have found a way to make a custom Node with a svg Template.
I am searching a similar approach for a connector.
Is this possible and if yes can you point me to a code example.

3 Replies

SG Shyam G Syncfusion Team July 20, 2017 04:49 AM UTC

Hi Fabian, 
Please use label’s templateId property to achieve your requirement. please refer to the code example below. 
Code example: 
<script id="animationellipse" type="text/x-jsrender"> 
        <svg xmlns="http://www.w3.org/2000/svg" 
            <circle cx="10" cy="6" r="5"  
                     style="stroke:#006600; fill:#00cc00" /> 
Connector connector = new Connector(); 
 Label label = new Label(); 
 label.TemplateId = "animationellipse"; 
Shyam G 

FL Fabian Lorenz July 24, 2017 08:03 AM UTC

Hi Shyam,

unfortunately I get an error for label.TemplateID.

It says there is no Definition for it.

I am using Asp.Net Web Forms Version



SG Shyam G Syncfusion Team July 25, 2017 09:19 AM UTC

Hi Fabian, 
We have created a support incident under your account to track the status of this requirement. Please log on to our support website to check for further updates. 
Shyam G 

Live Chat Icon For mobile
Up arrow icon