Hi Stoyo,

For my application i need some custom node shapes which are outside of the predefined shapes. I tried making some using the shape designer. My problem is that I dont have any idea on how to use these. right now I am using the predefined nodes (in both XAML and C# code). I need to access their properties programatically since since they used for data binding , especially shapes.tag and shapes.Id.



I was wondering if there is a tutorial where I can see how to use this custom shape nodes in the application. Or if you can guide em how to use these .



Thank you very much

Regards,
Charu

Hi Stoyo,

Thank you very much for your help. Right now I am able to make custom node using the shape designer and have seen how to access it using Shape.FromId. However when I use it in the node list my code crashes.
Here is what I am doing.

SHAPE CODE-

Shape test = new Shape(
     new ElementTemplate[]
      {
           new LineTemplate(30, 100, 100, 100),
           new LineTemplate(100, 100, 70, 0),
           new LineTemplate(70, 0, 0, 0),
           new LineTemplate(0, 0, 30, 100)
      },
     new ElementTemplate[]
      {
           new LineTemplate(1, 3, 60, 60),
           new LineTemplate(59, 74, 80, 100)
      },null,
       FillRule.EvenOdd, "test");

I am calling it like this-
public Window1()
{
           
InitializeComponent();
         Shape test = new Shape(
     new ElementTemplate[]
      {
           new LineTemplate(30, 100, 100, 100),
           new LineTemplate(100, 100, 70, 0),
           new LineTemplate(70, 0, 0, 0),
           new LineTemplate(0, 0, 30, 100)
      },
     new ElementTemplate[]
      {
           new LineTemplate(1, 3, 60, 60),
           new LineTemplate(59, 74, 80, 100)
      },null,
       FillRule.EvenOdd, "test");
         nodeListView.Items.Add(Shape.Shapes.Equals(test.Id));

and XAML is-

<d:ShapeNode Shape="test" Bounds="2,2,25,25" Brush="DeepSkyBlue" d:NodeListView.Label="test" />


However this never shows up in my NodeList View and my application crash.

I would really appreciate if you can tell me what should i do to sort htis.

Thanks
Charu

Hi Stoyan,

Thankyou for the reply. It hepls.

Now I am able to add some of these shapes using
nodeListView.Items.Add(new ShapeNode { Shape = test }) to nodelist View control.

However I am not able to specify bounds. Also do i need to write a XAML code for this or this gets added automatically?

How can change its properties so that it can work as droppable on canvas?

Thanks,
Charu

Hi Stoyan,

I am sorry but none of things above are working for me .
I have build the application absed on the flowcharter. I was wodering if I can send you the code which I hae modified and you can guide me how can I add custom shapes. Also, since I am binding with data using the tag property I hope it would be OK even if I use the custom shape nodes.

Can you please let me know email at which I can send it.

Thanks in advance and sorry to bother you.

Charu

Hi Stoyan,

Thank you for your reply. I have sent my code on the support email yesterday.

Thanks.
Charu