Telerik Diagram Tools for Customized Diagrams with shapes, pictures and text [create, save, re-open, edit and save]

[Kasthuri]

Hi Telerik Support Team,

We need a diagram tool to store different shapes, pictures, background pictures, customized text content over the
shapes and pictures, save it in a file and again we need open the file and edit the shapes, pictures [alter the size / shape],
the content and save it again in the same using TELERIK SILVERLIGHT DIAGRAM TOOLS.

Please, refer the attached file for more explanations and sample pictures, sample pictures were taken from
the flash drawing tool.

Note :
Already we have purchased telerik controls and using for our    development (RadControls_for_Silverlight4_2011_2_0712_Dev),
we planned to upgrade and we are using latest version of trial - telerik controls for silverlight,

Thanks & Regards
Tamilvanan.K
Team Leader - Software
APPASAMY ASSOCIATES
email : [e-mail]

Our Telerik  Account Details :
Username : [e-mail]

[Tina Stancheva]

Hi Tamilvanan,

You can definitely take advantage of the Diagramming Framework for Silverlight to build your application. Take for instance the Drawing demo in our online examples - it demonstrates how to draw your own shapes or simply drag and drop shapes from a gallery. You can then use the Export button to export the content to an image. However, as the image export will simply save your content as an image thus making it static, you can instead save the diagramming structure in an xml format. This will allow you to import it in another or a new instance of the solution and change it further. This scenario can be implemented through the serialization support that comes out-of-the -box with RadDiagram - you can find more information about it in our documentation or simply test it in this FirstLook example. In the demo you can create a custom diagramming structure (or modify one of the predefined samples) and then use the Save button to save the result in an xml file. This xml file can then be loaded in a Silverlight or WPF RadDiagram later on to restore your original structure (in the demo this can be tested through the Load button).

Additionally you can take advantage of the built-in SettingsPane that displays the common settings of a shape/connection and allows you to change them in run-time.

With RadDiagram you can easily change the size and position of any shape on the diagramming surface, you can rotate, pan or zoom it. You can attach connections to it, bring it to front or back. Most of these features can be observed in the FirstLook demo and they are further described in our documentation. So please have a look at the info and let us know if you need any additional assistance.

Regards,
Tina Stancheva
the Telerik team

[Tamizh]

Hi Tina Stancheva ,
 
                                Is it possible to store the diagramming structure of irregular or dynamic shapes in XML file and import back again to make further editing or changes

I have attached the file to mention the irregular shapes from pencil tool or path tool.

In the attached file, No 4 and No 5 can be edited easily right?

In the attached file,Can we edit the diagramming structure of No 1,2 and 3 after restoring from XML

Thanks
Tamizhavel

[Tina Stancheva]

Hello Tamizhavel,

Please accept my apology for the delayed response. You can use the built-in serialization support of RadDiagram to serialize and save the shapes in your diagram. The serialization works with the built-in shapes as well as shapes created using the Path and Pencil tools. Furthermore, you will be able to load the serialized shapes back into a diagram and be able to manipulate the shapes created with path/pencil tools the same way you can manipulate any other shape.

I attached a sample version of our drawing example, where I added Save/Open buttons that save and reload the content of the diagram to/from an xml string. You can give it a try on your side and write back in case you encounter any issues.

All the best,
Tina Stancheva
the Telerik team

[Tamizh]

Dear Tina Stancheva ,
Thanks for your response and the sample.

I will check your sample

Regards
Tamizhavel

[Tamizh]

Dear Tina Stancheva ,

                              In the given example, if i start to use Pencil tool, I am not able to modify the regular icons which can be modified earlier (before using Pencil)

This happened before "Save" operation.

Load and Save operation as XML is working only for Regular Icons not for irregular icons

Thanks
Tamizhavel

[Tina Stancheva]

Hi Tamizhavel,

I am not sure I understand what you mean when you say " I am not able to modify the regular icons". Can you please elaborate on the modifications you try to implement. Also, please note that if you need to edit/change the shape path of a shape created through the Path/Pencil tools, unfortunately at the moment this isn't possible. But we have logged a feature request in our PITS and you can vote for it to increase its priority.

As for the Save/Load issue - can you please elaborate on that as well. Which icons do you consider irregular and what makes you say that the operation isn't working.

If you can provide us with steps to reproduce both issue and explanations on each step what you expect to be able to do, we will be better able to understand your requirements and advice you how to proceed with them.

Thank you in advance.

All the best,
Tina Stancheva
the Telerik team

[Karim]

Hi Tina,
I downloaded your attached project and tried to manipulate the save and load functions, but i realized that they don't work ! when i click on them nothing happen !
Did i miss something ?

[Tina Stancheva]

Hi Karim,

I tested the solution locally with both the version of our controls enclosed with the solution and with our latest version. In both cases the implementation works as expected and the CommandBinding_Executed_Save() and CommandBinding_Executed_Open() methods get executed when clicking on the Save and Load buttons. I prepared a screencast demonstrating how I tested the solution so please have a look at it and let me know if I'm missing anything.

Regards,
Tina Stancheva
Telerik