Custom shape paths?

[Karl Beal]

I'm trying to figure out how how to add my own custom path information to the diagram control. I attempted to add something to the Getting Started\Stencil project but the shape is null. How can I accomplish something like this?-

                    <local:SymbolCollection>

                        <!--BasicShapes-->

                        <local:NodeVm UnitWidth="60" UnitHeight="60" Key="Basic Shapes"  >

                            <local:NodeVm.Shape>

                                

                                <Path Data="F0 M10,100 L100,100 100,50Z" 

                                      StrokeThickness="1" Stroke="Red"/>

                            </local:NodeVm.Shape>

                        </local:NodeVm>

 <local:NodeVm UnitWidth="60" UnitHeight="60"  Shape="{StaticResource Rectangle}" Key="Basic Shapes">

 

[Ramya Thirugnanam]

Hi Karl, 

 

Thanks for contacting Syncfusion support. 

 

Please set the data to the shape property of the node instead of Path. We have created a simple sample to set custom shape for node along with drag and drop.  Please find the sample from the following link. 

 

Sample link:
DiagramWithStencil
 

 

Regards, 

Ramya T