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

Svg shape from Symbol Palette cannot add to SfDiagramComponent


I can create svg shape to Symbol Palette,but when I dragging to the SfDiagramComponent,the svg image is hiden.I have try the path shape is OK.And It's OK too when I create svg node to the SfDiagramComponent directly.

The following link is sample demo gif,the first icon is path shape,the second and the third icon is svg shape.


The sample project in attachment.

Attachment: SVGShape_1216c3c6.zip

3 Replies 1 reply marked as answer

BR Balavignesh RaviChandran Syncfusion Team March 13, 2023 02:34 PM UTC

The node template in the SfSymbolPalette is only for the symbols rendered in the palette. For the dropped nodes, the node template must be set in the SfDiagramComponent as well. We can match the template with the dropped node using the Node ID, just like the node template in the SfSymbolPalette. We have made the necessary corrections to the provided sample and attached it. Please refer to the sample.


Attachment: SVGShape_1216c3c6_86a5599c.zip

Marked as answer

TL Thomas Leung March 14, 2023 12:33 AM UTC

It's worked,thanks.

PR Preethi Rajakandham Syncfusion Team March 15, 2023 05:14 AM UTC

Hi gzthomax@gmail.com,

We are glad that the provided response meets your requirement. Please let us know if you need further assistance. As always, we are happy to help you out.


Preethi R

Live Chat Icon For mobile
Up arrow icon