treeView documentation ?

[fff]

Hi SF,

Sorry for a basic question ; maybe I am missing something obvious.

Where is the online doc (or any other form) of WPF > TreeView control ?

thanks,

Fab

[Muthukumar A]

Hi Fab,

Thanks for your interest in Syncfusion Products.

You can find the User Guide about Syncfusion TreeViewAdv(WPF) from the below link:

link : https://help.syncfusion.com/wpf/classic/treeview/overview

Please let us know if any further assistance.

Regards,

Muthukumar A

[fff]

Thanks Muthukumar for this fast reply.

.. OK, i see now ... it's grouped inside "Tools" section

a bit miss-leading why some controls have their own chapter, and some others (not necessary small/limited controls, like this treeview) are regrouped in Tools ...

Thanks again

F

[Lingaraj S]

Hi Fab,

 

Thanks for your update. We have grouped Tools controls based on most usable control to develop application GUI.

 

Regards,

Lingaraj S.

[Andreas Ziergoi]

Hi!

Sorry for replying to an rather old question. But i am unable to view the documentation for the "TreeViewAdv".
I tried --> http://help.syncfusion.com/wpf/treeviewadv/overview with Firefox, Chrome and IE. Nothing shows up here ...
Could you please provide the right link.

Thank you very much for your AWESOME work!!

Cheers,
Andi

[Rajkumar Ganesamoorthy]

Hi Fabrice,
Sorry for the inconvenient caused.
We are also facing the same issue with TreeViewAdv documentation. Currently we are refreshing documentation content. The documentation will get refresh in within a week.
Please let us know if you have any other concern on this.
Regards,
Rajkumar G

[fernando]

Hi Can you Help Me?

as I can create a Node with an image

especially the image  is $

Can you help me.

atte:Zuko

Attachment: as_I_can_create_a_Node_with_an_image__afe544e4.rar

[Keerthivasan Ramamoorthy]

Hi Fernando, 

 

Requirement: Need to Create image($) as Node. 

 

We have achieved your requirement and provided a sample and screenshot to represent this. Please refer to the sample link and screenshot as below. 

 

Sample link:115983
 

 

Screenshot: 

 

 

Regards, 

Keerthivasan R. 

[fernando]

Hi Fernando, 

 

Requirement: Need to Create image($) as Node. 

 

We have achieved your requirement and provided a sample and screenshot to represent this. Please refer to the sample link and screenshot as below. 

 

Sample link:115983
 

 

Screenshot: 

 

 

Regards, 

Keerthivasan R. 

I am Using WPF 

[fernando]

Hi Fernando, 

 

Requirement: Need to Create image($) as Node. 

 

We have achieved your requirement and provided a sample and screenshot to represent this. Please refer to the sample link and screenshot as below. 

 

Sample link:115983
 

 

Screenshot: 

 

 

Regards, 

Keerthivasan R. 

I am Using WPF 

 <syncfusion:NodeViewModel Key="Custom Controls" UnitHeight="50"  OffsetY="100" ShapeStyle="{StaticResource SymbolStyle}"></syncfusion:NodeViewModel>

      

[fernando]

I'm using Diagrambiller 

and in the class DiagramBuillerUI have the following structure

<syncfusion:NodeViewModel Key="Custom Controls" UnitHeight="50" UnitWidth="50" OffsetX="100" OffsetY="100" Shape="{StaticResource Arc}" ShapeStyle="{StaticResource SymbolStyle}"></syncfusion:NodeViewModel>

your code is fine but is not similar

to which tine DiagramBuillerUI 

canyou help me whit a example  with the same structure as the following code

      

 <viewmodel:SymbolCollection x:Key="symbolcollection">

        <!--Basic Shapes-->

        <syncfusion:NodeViewModel Key="Basic Shapes" UnitHeight="50" UnitWidth="50" OffsetX="100" OffsetY="100" Shape="{StaticResource Rectangle}" ShapeStyle="{StaticResource SymbolStyle}"></syncfusion:NodeViewModel>

  

        

[Keerthivasan Ramamoorthy]

Hi Fernando,  

  

We have provided a code example for Diagrambuilder sample in WPF. Please find the code example and screenshot as below. 

  Code example: 

<!--Dolor--> 

<sys:String x:Key="dolor"> 

F1M12.0625,35.1099L12.0625,31.7809C10.1505,31.7479,8.1725,31.1549,7.0195,30.3309L7.8105,28.1229C8.9975,28.9139,10.7105,29.5399,12.5565,29.5399C14.8965,29.5399,16.4785,28.1889,16.4785,26.3099C16.4785,24.4969,15.1935,23.3769,12.7535,22.3879C9.3925,21.0689,7.3165,19.5529,7.3165,16.6859C7.3165,13.9499,9.2605,11.8739,12.2925,11.3799L12.2925,8.0509L14.3355,8.0509L14.3355,11.2479C16.3135,11.3139,17.6655,11.8409,18.6215,12.4009L17.7965,14.5769C17.1045,14.1809,15.7535,13.4559,13.6445,13.4559C11.1065,13.4559,10.1505,14.9719,10.1505,16.2899C10.1505,18.0039,11.3705,18.8609,14.2375,20.0479C17.6315,21.4319,19.3455,23.1459,19.3455,26.0789C19.3455,28.6829,17.5335,31.1219,14.1385,31.6819L14.1385,35.1099z 

</sys:String> 

<!--Dolor1--> 

<sys:String x:Key="dolor1"> 

F1M24.4857,21.2771C25.9137,21.0981,26.6277,20.2231,26.6277,18.6511C26.6277,18.3231,26.5947,18.0371,26.5287,17.7961C26.4627,17.5541,26.3477,17.3421,26.1837,17.1591C26.0197,16.9771,25.7997,16.8191,25.5247,16.6841C25.2507,16.5501,24.9037,16.4261,24.4857,16.3121z M23.4907,14.4931L23.4907,10.0131C22.1887,10.2341,21.5377,10.9921,21.5377,12.2891C21.5377,12.6291,21.5817,12.9221,21.6717,13.1671C21.7617,13.4121,21.8917,13.6201,22.0617,13.7901C22.2317,13.9601,22.4377,14.1011,22.6797,14.2111C22.9217,14.3221,23.1917,14.4161,23.4907,14.4931 M24.4857,14.6991C26.0327,15.0221,27.0727,15.4821,27.6037,16.0791C28.1537,16.6951,28.4287,17.5131,28.4287,18.5351C28.4287,19.0671,28.3407,19.5731,28.1647,20.0541C27.9877,20.5351,27.7327,20.9631,27.3977,21.3401C27.0637,21.7161,26.6517,22.0221,26.1617,22.2581C25.6717,22.4941,25.1127,22.6301,24.4857,22.6661L24.4857,24.1001L23.4907,24.1001L23.4907,22.6841C20.9637,22.4031,19.6167,21.0441,19.4497,18.6061L21.2507,18.6061C21.3877,20.1481,22.1347,21.0381,23.4907,21.2771L23.4907,16.0881C20.9877,15.5871,19.7357,14.3651,19.7357,12.4231C19.7357,11.8741,19.8257,11.3761,20.0047,10.9311C20.1847,10.4861,20.4387,10.1011,20.7667,9.7751C21.0957,9.4501,21.4907,9.1901,21.9537,8.9961C22.4167,8.8011,22.9287,8.6771,23.4907,8.6241L23.4907,7.1991L24.4857,7.1991L24.4857,8.6241C26.6897,8.7851,27.8997,9.9081,28.1147,11.9931L26.2957,11.9931C26.2057,10.8341,25.6027,10.1801,24.4857,10.0311z 

</sys:String> 

<!--Dolor with Rectangle--> 

<sys:String x:Key="dolorRect"> 

M51.5,51.5 L1.5,51.5 L1.5,1.5 L51.5,1.5 z M20.491997,33.065002 C20.473997,33.207001 20.436998,33.344002 20.436998,33.491001 C20.436998,36.797001 23.200998,39.477001 26.610998,39.477001 C30.019999,39.477001 32.744999,36.803001 32.744999,33.497002 L32.736,33.191002 C32.654999,31.257 31.794996,28.336002 27.284998,26.969002 L25.828997,26.462002 C21.318998,25.095001 20.343998,22.324001 20.262997,20.389002 L20.253998,20.083002 C20.253998,16.777 22.978998,14.103001 26.388998,14.103001 C29.797998,14.103001 32.562,16.783001 32.562,20.089001 C32.562,20.236002 32.524998,20.373001 32.507,20.515001 M26.5,39.223999 L26.5,44.312 M26.5,8.6879997 L26.5,14.469999 

</sys:String> 

 

<!--Basic Shapes--> 

<syncfusion:NodeViewModel Key="Basic Shapes" UnitHeight="50" UnitWidth="50" OffsetX="100" OffsetY="100" Shape="{StaticResource Rectangle}" ShapeStyle="{StaticResource SymbolStyle}"></syncfusion:NodeViewModel> 

<syncfusion:NodeViewModel Key="Basic Shapes" UnitHeight="50" UnitWidth="50" OffsetX="100" OffsetY="100" Shape="{StaticResource dolor}" ShapeStyle="{StaticResource SymbolStyle}"></syncfusion:NodeViewModel> 

<syncfusion:NodeViewModel Key="Basic Shapes" UnitHeight="50" UnitWidth="50" OffsetX="100" OffsetY="100" Shape="{StaticResource dolor1}" ShapeStyle="{StaticResource SymbolStyle}"></syncfusion:NodeViewModel> 

<syncfusion:NodeViewModel Key="Basic Shapes" UnitHeight="50" UnitWidth="50" OffsetX="100" OffsetY="100" Shape="{StaticResource dolorRect}" ShapeStyle="{StaticResource SymbolStyle}"></syncfusion:NodeViewModel> 

 

ScreenShot: 

 

Added a New shapes to the Stencil: 

 

  

Regards,  

Keerthivasan R.  

[fernando]

Hi Fernando,  

  

We have provided a code example for Diagrambuilder sample in WPF. Please find the code example and screenshot as below. 

  Code example: 

<!--Dolor--> 

<sys:String x:Key="dolor"> 

F1M12.0625,35.1099L12.0625,31.7809C10.1505,31.7479,8.1725,31.1549,7.0195,30.3309L7.8105,28.1229C8.9975,28.9139,10.7105,29.5399,12.5565,29.5399C14.8965,29.5399,16.4785,28.1889,16.4785,26.3099C16.4785,24.4969,15.1935,23.3769,12.7535,22.3879C9.3925,21.0689,7.3165,19.5529,7.3165,16.6859C7.3165,13.9499,9.2605,11.8739,12.2925,11.3799L12.2925,8.0509L14.3355,8.0509L14.3355,11.2479C16.3135,11.3139,17.6655,11.8409,18.6215,12.4009L17.7965,14.5769C17.1045,14.1809,15.7535,13.4559,13.6445,13.4559C11.1065,13.4559,10.1505,14.9719,10.1505,16.2899C10.1505,18.0039,11.3705,18.8609,14.2375,20.0479C17.6315,21.4319,19.3455,23.1459,19.3455,26.0789C19.3455,28.6829,17.5335,31.1219,14.1385,31.6819L14.1385,35.1099z 

</sys:String> 

<!--Dolor1--> 

<sys:String x:Key="dolor1"> 

F1M24.4857,21.2771C25.9137,21.0981,26.6277,20.2231,26.6277,18.6511C26.6277,18.3231,26.5947,18.0371,26.5287,17.7961C26.4627,17.5541,26.3477,17.3421,26.1837,17.1591C26.0197,16.9771,25.7997,16.8191,25.5247,16.6841C25.2507,16.5501,24.9037,16.4261,24.4857,16.3121z M23.4907,14.4931L23.4907,10.0131C22.1887,10.2341,21.5377,10.9921,21.5377,12.2891C21.5377,12.6291,21.5817,12.9221,21.6717,13.1671C21.7617,13.4121,21.8917,13.6201,22.0617,13.7901C22.2317,13.9601,22.4377,14.1011,22.6797,14.2111C22.9217,14.3221,23.1917,14.4161,23.4907,14.4931 M24.4857,14.6991C26.0327,15.0221,27.0727,15.4821,27.6037,16.0791C28.1537,16.6951,28.4287,17.5131,28.4287,18.5351C28.4287,19.0671,28.3407,19.5731,28.1647,20.0541C27.9877,20.5351,27.7327,20.9631,27.3977,21.3401C27.0637,21.7161,26.6517,22.0221,26.1617,22.2581C25.6717,22.4941,25.1127,22.6301,24.4857,22.6661L24.4857,24.1001L23.4907,24.1001L23.4907,22.6841C20.9637,22.4031,19.6167,21.0441,19.4497,18.6061L21.2507,18.6061C21.3877,20.1481,22.1347,21.0381,23.4907,21.2771L23.4907,16.0881C20.9877,15.5871,19.7357,14.3651,19.7357,12.4231C19.7357,11.8741,19.8257,11.3761,20.0047,10.9311C20.1847,10.4861,20.4387,10.1011,20.7667,9.7751C21.0957,9.4501,21.4907,9.1901,21.9537,8.9961C22.4167,8.8011,22.9287,8.6771,23.4907,8.6241L23.4907,7.1991L24.4857,7.1991L24.4857,8.6241C26.6897,8.7851,27.8997,9.9081,28.1147,11.9931L26.2957,11.9931C26.2057,10.8341,25.6027,10.1801,24.4857,10.0311z 

</sys:String> 

<!--Dolor with Rectangle--> 

<sys:String x:Key="dolorRect"> 

M51.5,51.5 L1.5,51.5 L1.5,1.5 L51.5,1.5 z M20.491997,33.065002 C20.473997,33.207001 20.436998,33.344002 20.436998,33.491001 C20.436998,36.797001 23.200998,39.477001 26.610998,39.477001 C30.019999,39.477001 32.744999,36.803001 32.744999,33.497002 L32.736,33.191002 C32.654999,31.257 31.794996,28.336002 27.284998,26.969002 L25.828997,26.462002 C21.318998,25.095001 20.343998,22.324001 20.262997,20.389002 L20.253998,20.083002 C20.253998,16.777 22.978998,14.103001 26.388998,14.103001 C29.797998,14.103001 32.562,16.783001 32.562,20.089001 C32.562,20.236002 32.524998,20.373001 32.507,20.515001 M26.5,39.223999 L26.5,44.312 M26.5,8.6879997 L26.5,14.469999 

</sys:String> 

 

<!--Basic Shapes--> 

<syncfusion:NodeViewModel Key="Basic Shapes" UnitHeight="50" UnitWidth="50" OffsetX="100" OffsetY="100" Shape="{StaticResource Rectangle}" ShapeStyle="{StaticResource SymbolStyle}"></syncfusion:NodeViewModel> 

<syncfusion:NodeViewModel Key="Basic Shapes" UnitHeight="50" UnitWidth="50" OffsetX="100" OffsetY="100" Shape="{StaticResource dolor}" ShapeStyle="{StaticResource SymbolStyle}"></syncfusion:NodeViewModel> 

<syncfusion:NodeViewModel Key="Basic Shapes" UnitHeight="50" UnitWidth="50" OffsetX="100" OffsetY="100" Shape="{StaticResource dolor1}" ShapeStyle="{StaticResource SymbolStyle}"></syncfusion:NodeViewModel> 

<syncfusion:NodeViewModel Key="Basic Shapes" UnitHeight="50" UnitWidth="50" OffsetX="100" OffsetY="100" Shape="{StaticResource dolorRect}" ShapeStyle="{StaticResource SymbolStyle}"></syncfusion:NodeViewModel> 

 

ScreenShot: 

 

Added a New shapes to the Stencil: 

 

  

Regards,  

Keerthivasan R.  

Thank you very much _ syncfusion is nice :D

 

 A question 

as I can create I 

<sys:String x:Key="dolor"> 

F1M12.0625,35.1099L12.0625,31.7809C10.1505,31.7479,8.1725,31.1549,7.0195,30.3309L7.8105,28.1229C8.9975,28.9139,10.7105,29.5399,12.5565,29.5399C14.8965,29.5399,16.4785,28.1889,16.4785,26.3099C16.4785,24.4969,15.1935,23.3769,12.7535,22.3879C9.3925,21.0689,7.3165,19.5529,7.3165,16.6859C7.3165,13.9499,9.2605,11.8739,12.2925,11.3799L12.2925,8.0509L14.3355,8.0509L14.3355,11.2479C16.3135,11.3139,17.6655,11.8409,18.6215,12.4009L17.7965,14.5769C17.1045,14.1809,15.7535,13.4559,13.6445,13.4559C11.1065,13.4559,10.1505,14.9719,10.1505,16.2899C10.1505,18.0039,11.3705,18.8609,14.2375,20.0479C17.6315,21.4319,19.3455,23.1459,19.3455,26.0789C19.3455,28.6829,17.5335,31.1219,14.1385,31.6819L14.1385,35.1099z 

</sys:String>

especially numbers, because I want to create my designs using this structure

[fernando]

Hi Fernando,  

  

We have provided a code example for Diagrambuilder sample in WPF. Please find the code example and screenshot as below. 

  Code example: 

<!--Dolor--> 

<sys:String x:Key="dolor"> 

F1M12.0625,35.1099L12.0625,31.7809C10.1505,31.7479,8.1725,31.1549,7.0195,30.3309L7.8105,28.1229C8.9975,28.9139,10.7105,29.5399,12.5565,29.5399C14.8965,29.5399,16.4785,28.1889,16.4785,26.3099C16.4785,24.4969,15.1935,23.3769,12.7535,22.3879C9.3925,21.0689,7.3165,19.5529,7.3165,16.6859C7.3165,13.9499,9.2605,11.8739,12.2925,11.3799L12.2925,8.0509L14.3355,8.0509L14.3355,11.2479C16.3135,11.3139,17.6655,11.8409,18.6215,12.4009L17.7965,14.5769C17.1045,14.1809,15.7535,13.4559,13.6445,13.4559C11.1065,13.4559,10.1505,14.9719,10.1505,16.2899C10.1505,18.0039,11.3705,18.8609,14.2375,20.0479C17.6315,21.4319,19.3455,23.1459,19.3455,26.0789C19.3455,28.6829,17.5335,31.1219,14.1385,31.6819L14.1385,35.1099z 

</sys:String> 

<!--Dolor1--> 

<sys:String x:Key="dolor1"> 

F1M24.4857,21.2771C25.9137,21.0981,26.6277,20.2231,26.6277,18.6511C26.6277,18.3231,26.5947,18.0371,26.5287,17.7961C26.4627,17.5541,26.3477,17.3421,26.1837,17.1591C26.0197,16.9771,25.7997,16.8191,25.5247,16.6841C25.2507,16.5501,24.9037,16.4261,24.4857,16.3121z M23.4907,14.4931L23.4907,10.0131C22.1887,10.2341,21.5377,10.9921,21.5377,12.2891C21.5377,12.6291,21.5817,12.9221,21.6717,13.1671C21.7617,13.4121,21.8917,13.6201,22.0617,13.7901C22.2317,13.9601,22.4377,14.1011,22.6797,14.2111C22.9217,14.3221,23.1917,14.4161,23.4907,14.4931 M24.4857,14.6991C26.0327,15.0221,27.0727,15.4821,27.6037,16.0791C28.1537,16.6951,28.4287,17.5131,28.4287,18.5351C28.4287,19.0671,28.3407,19.5731,28.1647,20.0541C27.9877,20.5351,27.7327,20.9631,27.3977,21.3401C27.0637,21.7161,26.6517,22.0221,26.1617,22.2581C25.6717,22.4941,25.1127,22.6301,24.4857,22.6661L24.4857,24.1001L23.4907,24.1001L23.4907,22.6841C20.9637,22.4031,19.6167,21.0441,19.4497,18.6061L21.2507,18.6061C21.3877,20.1481,22.1347,21.0381,23.4907,21.2771L23.4907,16.0881C20.9877,15.5871,19.7357,14.3651,19.7357,12.4231C19.7357,11.8741,19.8257,11.3761,20.0047,10.9311C20.1847,10.4861,20.4387,10.1011,20.7667,9.7751C21.0957,9.4501,21.4907,9.1901,21.9537,8.9961C22.4167,8.8011,22.9287,8.6771,23.4907,8.6241L23.4907,7.1991L24.4857,7.1991L24.4857,8.6241C26.6897,8.7851,27.8997,9.9081,28.1147,11.9931L26.2957,11.9931C26.2057,10.8341,25.6027,10.1801,24.4857,10.0311z 

</sys:String> 

<!--Dolor with Rectangle--> 

<sys:String x:Key="dolorRect"> 

M51.5,51.5 L1.5,51.5 L1.5,1.5 L51.5,1.5 z M20.491997,33.065002 C20.473997,33.207001 20.436998,33.344002 20.436998,33.491001 C20.436998,36.797001 23.200998,39.477001 26.610998,39.477001 C30.019999,39.477001 32.744999,36.803001 32.744999,33.497002 L32.736,33.191002 C32.654999,31.257 31.794996,28.336002 27.284998,26.969002 L25.828997,26.462002 C21.318998,25.095001 20.343998,22.324001 20.262997,20.389002 L20.253998,20.083002 C20.253998,16.777 22.978998,14.103001 26.388998,14.103001 C29.797998,14.103001 32.562,16.783001 32.562,20.089001 C32.562,20.236002 32.524998,20.373001 32.507,20.515001 M26.5,39.223999 L26.5,44.312 M26.5,8.6879997 L26.5,14.469999 

</sys:String> 

 

<!--Basic Shapes--> 

<syncfusion:NodeViewModel Key="Basic Shapes" UnitHeight="50" UnitWidth="50" OffsetX="100" OffsetY="100" Shape="{StaticResource Rectangle}" ShapeStyle="{StaticResource SymbolStyle}"></syncfusion:NodeViewModel> 

<syncfusion:NodeViewModel Key="Basic Shapes" UnitHeight="50" UnitWidth="50" OffsetX="100" OffsetY="100" Shape="{StaticResource dolor}" ShapeStyle="{StaticResource SymbolStyle}"></syncfusion:NodeViewModel> 

<syncfusion:NodeViewModel Key="Basic Shapes" UnitHeight="50" UnitWidth="50" OffsetX="100" OffsetY="100" Shape="{StaticResource dolor1}" ShapeStyle="{StaticResource SymbolStyle}"></syncfusion:NodeViewModel> 

<syncfusion:NodeViewModel Key="Basic Shapes" UnitHeight="50" UnitWidth="50" OffsetX="100" OffsetY="100" Shape="{StaticResource dolorRect}" ShapeStyle="{StaticResource SymbolStyle}"></syncfusion:NodeViewModel> 

 

ScreenShot: 

 

Added a New shapes to the Stencil: 

 

  

Regards,  

Keerthivasan R.  

Thank you very much _ syncfusion is nice :D

 

 A question 

as I can create I 

<sys:String x:Key="dolor"> 

F1M12.0625,35.1099L12.0625,31.7809C10.1505,31.7479,8.1725,31.1549,7.0195,30.3309L7.8105,28.1229C8.9975,28.9139,10.7105,29.5399,12.5565,29.5399C14.8965,29.5399,16.4785,28.1889,16.4785,26.3099C16.4785,24.4969,15.1935,23.3769,12.7535,22.3879C9.3925,21.0689,7.3165,19.5529,7.3165,16.6859C7.3165,13.9499,9.2605,11.8739,12.2925,11.3799L12.2925,8.0509L14.3355,8.0509L14.3355,11.2479C16.3135,11.3139,17.6655,11.8409,18.6215,12.4009L17.7965,14.5769C17.1045,14.1809,15.7535,13.4559,13.6445,13.4559C11.1065,13.4559,10.1505,14.9719,10.1505,16.2899C10.1505,18.0039,11.3705,18.8609,14.2375,20.0479C17.6315,21.4319,19.3455,23.1459,19.3455,26.0789C19.3455,28.6829,17.5335,31.1219,14.1385,31.6819L14.1385,35.1099z 

</sys:String>

especially numbers, because I want to create my designs using this structure

As an example a sign of cents  ¢

[fff]

Hi Fernando,

Can you not use your own forum thread ?

(so that other users do not receive 8 notifications about your own question that is not related at all to the first question :)

That being said, your question seems indeed interesting ... just not related at all

Kindkly

F

[fernando]

Hi Fernando,

Can you not use your own forum thread ?

(so that other users do not receive 8 notifications about your own question that is not related at all to the first question :)

That being said, your question seems indeed interesting ... just not related at all

Kindkly

F

How i can create other figure?

As an example a sign of cents  ¢

[Keerthivasan Ramamoorthy]

Hi Fernando, 

We have provided a code example for Diagrambuilder sample in WPF. Please find the code example and screenshot as below. 

Code Example: 

<!--Dolor--> 

<DataTemplate x:Key="Dolor"> 

<Viewbox Stretch="Fill"> 

<Grid> 

<TextBlock Text="$"></TextBlock> 

</Grid> 

</Viewbox> 

</DataTemplate> 

 

<!--Cent--> 

<DataTemplate x:Key="Cent"> 

<Viewbox Stretch="Fill"> 

<Grid> 

<TextBlock Text="¢"></TextBlock> 

</Grid> 

</Viewbox> 

</DataTemplate> 

 

<!--Basic Shapes--> 

<syncfusion:NodeViewModel  Key="Basic Shapes" UnitHeight="50" UnitWidth="50" OffsetX="100" OffsetY="100" ContentTemplate="{StaticResource Dolor}" Shape="{StaticResource Rectangle}" ShapeStyle="{StaticResource SymbolStyle}"></syncfusion:NodeViewModel> 

<syncfusion:NodeViewModel  Key="Basic Shapes" UnitHeight="50" UnitWidth="50" OffsetX="100" OffsetY="100" ContentTemplate="{StaticResource Cent}" Shape="{StaticResource Rectangle}" ShapeStyle="{StaticResource SymbolStyle}"></syncfusion:NodeViewModel> 

 

In NodeVm.cs, we need to comment this.ContentTemplate = null line in OnContentTemplateChanged event. For more information please refer the below code. 

 

private void OnContentTemplateChanged() 

{ 

//this.ContentTemplate = null; 

} 

 

 

 

Screenshot: 

 

 

 

Regards, 

Keerthivasan R. 

[fernando]

Thank you 

[Keerthivasan Ramamoorthy]

Hi Fernando,  

  

Thanks for the update.   

Please let us know if you need any other assistance.  

  

Regards,  

Keerthivasan R.  

 

[fernando]

Hi Fernando,  

  

Thanks for the update.   

Please let us know if you need any other assistance.  

  

Regards,  

Keerthivasan R.  

 

Hi 

Again?

How I can convert a xml file to a pdf, I am using DiagramBuiler  of wpf (Windows Presentation Foundation)

the Xml file is created by (DiagramBuiler of syncfusion)

link of DiagramBuiler of syncfusion

https://www.syncfusion.com/products/wpf/diagram

Can you help me? 

Please 

Attachment: Xml_Creating_By_Diagrambuiler_f0c648c3.rar

[Ranjitha Amirthalingam]

Hi Fernando, 

 

 

We have provided the code example to enable Printing option in Diagram Builder sample. Please refer to the code example as below. 

 

public void OnPrintCommand(object param) 

{ 

    ExportSettings settings = new ExportSettings() 

     { 

        ImageStretch = Stretch.Fill, 

        ExportMode = ExportMode.PageSettings 

     }; 

     (SelectedDiagram.Info as IGraph).ExportSettings = settings; 

     (SelectedDiagram.Info as IGraph).PrintingService.ShowDialog = true; 

     (SelectedDiagram.Info as IGraph).PrintingService.Print(); 

}  

 

Also, provided Xaml code to bind the Print command in a Button .Please refer to the code as below. 

 

<syncfusion:BackStageCommandButton Header="Print" Command="{Binding DataContext.Print,Mode=TwoWay,ElementName=ribbon}" > </syncfusion:BackStageCommandButton>  

 

 

Note: 

Currently, we are checking “how to export Xml file as Pdf”. We will update the status on 29^th July, 2016. 

 

 

 

Regards, 

Ranjitha A. 

[Keerthivasan Ramamoorthy]

Hi Fernando,  

  

We have provided code example to enable Export option in Diagram Builder sample. Please refer to the below code example. The below code is used to export the Diagramming object (Nodes and Connectors) into PDF. 

 

Add the below C# code in DiagramBuilderVM.cs file and Syncfusion.Pdf.Base.dll as a reference. 

C# code example: 

public void OnExportCommand(object param) 

{ 

Microsoft.Win32.SaveFileDialog saveFileDialog = new Microsoft.Win32.SaveFileDialog(); 

saveFileDialog.Filter = "PDF File|*.pdf"; 

saveFileDialog.Title = "Save to a PDF file"; 

saveFileDialog.FileName = "Diagram"; 

saveFileDialog.ShowDialog(); 

if (!string.IsNullOrEmpty(saveFileDialog.FileName)) 

{ 

SaveFileDialog m_SaveFileDialog = new SaveFileDialog(); 

m_SaveFileDialog = new SaveFileDialog(); 

m_SaveFileDialog.Filter = "XPS File(*.xps)|*.xps"; 

m_SaveFileDialog.FileName = "DiagramExport"; 

string name = m_SaveFileDialog.FileName; 

ExportSettings es = new ExportSettings(); 

es.FileName = name; 

es.IsSaveToXps = true; 

(SelectedDiagram.Info as IGraph).ExportSettings = es; 

(SelectedDiagram.Info as IGraphInfo).Export(); 

Syncfusion.XPS.XPSToPdfConverter converter1 = new Syncfusion.XPS.XPSToPdfConverter(); 

//Convert XPS document into PDF document 

PdfDocument document = converter1.Convert(name); 

//save and close the document 

document.Save(saveFileDialog.FileName); 

document.Close(true); 

} 

} 

Also, provided XAML code to bind the Export command in a Button. Please refer to the below code, 

<syncfusion:BackStageCommandButton Header="Export" Command="{Binding DataContext.Export,Mode=TwoWay,ElementName=ribbon}" ></syncfusion:BackStageCommandButton> 

 

Note:  

For more information, we have provided a video. Please refer to the video link as below. 

Video link:160753_Video

 

  

Regards,  

Keerthivasan R. 

 

[fernando]

hi

how place ToolTip in NodeViewModel wpf syncfusion the name od my class is DiagramBuilerUI.xaml,

 i am using diagramming of syncfusion in wpf 

    <!--style numero de papel-->

    <DataTemplate x:Key="ndffp" >

        <Viewbox Stretch="Fill">

            <Grid>

                <TextBlock ClipToBounds="True"  Text="Frm Papel"></TextBlock>

            </Grid>

        </Viewbox>

    </DataTemplate>

<syncfusion:NodeViewModel Content="Número de Formato de Papel" Key="Datos Generales" UnitHeight="50" UnitWidth="50" OffsetX="100" OffsetY="100" ContentTemplate="{StaticResource ndffp}" ShapeStyle="{StaticResource SymbolStyle}"></syncfusion:NodeViewModel>

        

[Ramya Thirugnanam]

Hi Fernando, 

Requirement: To show ToolTip for NodeViewModel. 

This reported requirement can be achieved by using Custom class from NodeViewModel with new Property. We have created a simple sample to represent this. Please refer to the sample as below. 

Sample link:
ToolTipBinding
 

Sample Details: 

We have created a NodeVm class (derived from NodeViewModel) with CustomToolTip property. We have bind this Custom Property with ToolTip of Node (View) in Default binding Style. 

Note: In Diagram Builder, already Custom class (NodeVM) for NodeViewModel is available. 

Regards, 

Ramya 

[fernando]

Hi !

Can you help me?

How can I place a shapes that have a dot with two zeros at the top of the dot

Attachment: 776_ffac0175.zip

[fernando]

i am using 

Diagramming 

of Syncfusion 

link of tool that i am using 

https://www.syncfusion.com/products/wpf/diagram

[Keerthivasan Ramamoorthy]

Hi Ferando, 

Requirement:” Need to make a shape like dot with two zeros with top of the Dot”. 

 

We have a support to achieve your requirement. We have provided a code example and screenshot to represent this. Please refer to the code as below. 

Code Example: 

<!—DotWith Square--> 

<sys:String x:Key="DotWith Square"> 

M10,44 L16,44 16,50 10,50 z M37.135002,10.27 C36.703003,10.27 36.318005,10.407999 35.980003,10.682999 35.641003,10.956999 35.379005,11.450999 35.193005,12.161999 34.947002,13.083999 34.824005,14.636998 34.824005,16.820997 34.824005,19.003998 34.934002,20.503996 35.155003,21.321997 35.375004,22.137997 35.652004,22.681995 35.986004,22.952995 36.321003,23.222996 36.703003,23.358995 37.135002,23.358995 37.567005,23.358995 37.952003,23.220997 38.290005,22.946997 38.629005,22.670996 38.891003,22.177996&#xd;&#xa;39.077003,21.466997 39.323006,20.552996 39.446003,19.003998 39.446003,16.820997 39.446003,14.636998 39.336002,13.136998 39.115005,12.319999 38.895004,11.502999 38.618004,10.956999 38.284004,10.682999 37.949005,10.407999 37.567005,10.27 37.135002,10.27 z M22.674995,10.27 C22.242994,10.27 21.857996,10.407999 21.519995,10.682999 21.180996,10.956999 20.918995,11.450999 20.732996,12.161999 20.486996,13.083999 20.363995,14.636998 20.363995,16.820997 20.363995,19.003998 20.473995,20.503996 20.694996,21.321997 20.914995,22.137997 21.191996,22.681995 21.525995,22.952995 21.860994,23.222996 22.242994,23.358995 22.674995,23.358995 23.106995,23.358995 23.491995,23.220997 23.829996,22.946997 24.168995,22.670996 24.430996,22.177996&#xd;&#xa;24.616995,21.466997 24.862995,20.552996 24.985996,19.003998 24.985996,16.820997 24.985996,14.636998 24.875996,13.136998 24.654995,12.319999 24.434996,11.502999 24.157995,10.956999 23.823996,10.682999 23.488995,10.407999 23.106995,10.27 22.674995,10.27 z M37.135002,7.3119993 C38.938004,7.3119998 40.347004,7.9559999 41.363003,9.2419996 42.573006,10.764999 43.178005,13.290998 43.178005,16.820997 43.178005,20.340996 42.569004,22.872995 41.350006,24.412996 40.343006,25.681995 38.938004,26.316996 37.135002,26.316996 35.324005,26.316996 33.864002,25.620995 32.755005,24.227995 31.646004,22.835997 31.092003,20.353996 31.092003,16.782997 31.092003,13.278998 31.701004,10.756 32.920002,9.2159996 33.927002,7.947 35.332005,7.3119998&#xd;&#xa;37.135002,7.3119993 z M22.674995,7.3119993 C24.477995,7.3119998 25.886995,7.9559999 26.902996,9.2419996 28.112995,10.764999 28.717997,13.290998 28.717997,16.820997 28.717997,20.340996 28.108995,22.872995 26.889996,24.412996 25.882996,25.681995 24.477995,26.316996 22.674995,26.316996 20.863995,26.316996 19.403996,25.620995 18.294994,24.227995 17.185995,22.835997 16.631994,20.353996 16.631994,16.782997 16.631994,13.278998 17.240995,10.756 18.459995,9.2159996 19.466995,7.947 20.871996,7.3119998&#xd;&#xa;22.674995,7.3119993 z M3.9999998,3.9999998 L3.9999998,56 56,56 56,3.9999998 z M0,0 L60,0 60,60 0,60 z 

</sys:String> 

<!—DotWithOut Square--> 

<sys:String x:Key="DotWithout Square"> 

M0,36.686991 L6,36.686991 6,42.686991 0,42.686991 z M27.135024,2.9580086 C26.703017,2.9580088 26.318007,3.0960093 25.980025,3.3710032 25.641036,3.64499 25.379012,4.1390086 25.193007,4.8500066 24.947036,5.7720037 24.824019,7.3250123 24.82402,9.5090023 24.824019,11.691985 24.934035,13.191985 25.155014,14.010008 25.375014,14.825987 25.652022,15.369993 25.986007,15.640989 26.321029,15.911008 26.703017,16.046996 27.135024,16.046996 27.567031,16.046996 27.952011,15.908994 28.290023,15.635007 28.629013,15.359006 28.891037,14.865996&#xd;&#xa;29.077011,14.154997 29.323012,13.240996 29.446029,11.691985 29.446029,9.5090023 29.446029,7.3250123 29.336013,5.8250128 29.115035,5.0079957 28.895034,4.1910105 28.618026,3.64499 28.284011,3.3710032 27.94902,3.0960093 27.567031,2.9580088 27.135024,2.9580086 z M12.675003,2.9579991 C12.243004,2.9579993 11.858004,3.0959993 11.520003,3.3709994 11.181004,3.6449993 10.919003,4.1389991 10.733004,4.849999 10.487003,5.7719985 10.364003,7.3249984 10.364003,9.5089975 10.364003,11.691997 10.474003,13.191997 10.695004,14.009997 10.915003,14.825996 11.192003,15.369997 11.526003,15.640997 11.861003,15.910996 12.243004,16.046996 12.675003,16.046996 13.107004,16.046996 13.492003,15.908996 13.830004,15.634996 14.169003,15.358996 14.431004,14.865996&#xd;&#xa;14.617003,14.154996 14.863004,13.240997 14.986004,11.691997 14.986003,9.5089975 14.986004,7.3249984 14.876004,5.8249984 14.655004,5.007999 14.435004,4.1909991 14.158004,3.6449993 13.824003,3.3709994 13.489004,3.0959993 13.107004,2.9579993 12.675003,2.9579991 z M27.135024,1.9082572E-06 C28.938034,1.8015489E-06 30.347031,0.64401413 31.363022,1.9299942 32.573013,3.453004 33.178024,5.9790044 33.178024,9.5090023 33.178024,13.02899 32.569016,15.561002 31.350021,17.100981 30.343033,18.369992 28.938034,19.005002 27.135024,19.005002 25.324019,19.005002 23.864028,18.308987 22.755019,16.915984 21.64601,15.523984 21.092024,13.041991 21.092024,9.4710079 21.092024,5.967011 21.701033,3.4440013 22.920028,1.9039928 23.927016,0.63501144 25.332015,1.8015489E-06&#xd;&#xa;27.135024,1.9082572E-06 z M12.675003,0 C14.478004,1.5598516E-07 15.887004,0.644 16.903005,1.9299999 18.113004,3.4529992 18.718004,5.9789987 18.718004,9.5089975 18.718004,13.028997 18.109004,15.560997 16.890004,17.100997 15.883004,18.369996 14.478004,19.004996 12.675003,19.004996 10.864003,19.004996 9.4040031,18.308995 8.2950029,16.915995 7.1860027,15.523996 6.6320028,13.041997 6.6320028,9.4709974 6.6320028,5.9669986 7.241003,3.4439994 8.4600029,1.9039993 9.4670029,0.635 10.872004,1.5598516E-07&#xd;&#xa;12.675003,0 z 

</sys:String> 

 

 

<!--BasicShapes--> 

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

</local:NodeVm> 

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

</local:NodeVm> 

 

 

Screenshot: 

 

 

 

Regards, 

Keerthivasan R. 

[fernando]

Hello

Ramya Thirugnanam

the example is very good but i have a problem when

Drag designer driver

In particular it is by this method that sele places in the class of MainWindows.xaml.cs

     Public class NodeVM: NodeViewModel

     {

         Private string _toolTip = string.Empty;

         Public string CustomToolTip

         {

             Get {return _toolTip; }

             set

             {

                 If (_toolTip! = Value)

                 {

                     _toolTip = value;

                     OnPropertyChanged ("CustomToolTip");

                 }

             }

         }

     }

When I run the program and drag a shape in the designer sends me the following error

The object of type '.NodeVM' can not be converted to type '.ViewModel.NodeVM

can you help me, please

[Keerthivasan Ramamoorthy]

Hi Fernando,  

Requirement: To show ToolTip for NodeViewModel.  

The Diagram Builder sample already have NodeVM class(DiagramBuilder->ViewModel->NodeVM.cs) which is derived from INode. So, please to create a custom ToolTip property in NodeVM class and bind this Custom Property with ToolTip of Node (View) in Default binding Style.  

 

Regards, 

Keerthivasan R. 

[fernando]

Hi Fernando,  

Requirement: To show ToolTip for NodeViewModel.  

The Diagram Builder sample already have NodeVM class(DiagramBuilder->ViewModel->NodeVM.cs) which is derived from INode. So, please to create a custom ToolTip property in NodeVM class and bind this Custom Property with ToolTip of Node (View) in Default binding Style.  

 

Regards, 

Keerthivasan R. 

Hello again!

As I can do that when clicking inside the controller remove the text that has defaul and when placing inside a (new) text is adjusted to the size of the texblock, this implies if the expands it enlarges the size of the text that places in The controller and if it is reduced by the controller that is adjusted to the size

Attachment: Video_helps_314658f3.rar

[fernando]

Hello again!

Keerthivasan Ramamoorthy

As I can do that when clicking inside the controller remove the text that has defaul and when placing inside a (new) text is adjusted to the size of the texblock, this implies if the expands it enlarges the size of the text that places in The controller and if it is reduced by the controller that is adjusted to the size.

Attachment: Video_helps_dc4a24f2.rar

[Keerthivasan Ramamoorthy]

Hi Fernando, 

Requirement: The ContentTemplate Added text is Drag and Drop the Node from stencil to DaigramPage and click the Node to remove the ContentTemplate and add require Annotation to Node. 

 

In DiagramBuilder sample, ContentTemplate is added to stencil Node. To achieve your requirement, please set ContentTemplate as null when click is made on the dropped Node and add your required text to the Node. To wrap the Annotation Content based on the Node Width and Height, please to set Width, Height and WrapText to the Annotation. 

 

For more information about Wrapping and appearance of Annotation, please refer the online documentation link as below. 

 

Documentation Link: https://help.syncfusion.com/wpf/sfdiagram/annotation 

                                                                                                                                                                                                                                                                                                                                                             

Regards, 

Keerthivasan R.