Source Code in the Demos

[Juan Acosta]

Hi,

I was looking some of the demos available. I found that the diagram builder has some functionality for a control I need to do.
http://mvc.syncfusion.com/demos/web/DiagramBuilder/Home/Index
I want to know what is the copyright status of this code, can use parts of it or it is private for Syncfusion.

Please let me know, otherwise, I will check for other free samples open source.

Kind regards,

Juan Acosta

[Juan Acosta]

As a matter of fact, I think the code there is a lot more that I really need.
Could you please tell me a tutorial, with some simple SVG canvas and dragging some specific items.
By the way, I think it is a quite nice implementation.

Kind regards,

Juan

[Juan Acosta]

I need some control that allows me to render an image and overlay other objects. I'm not quite sure if Syncfusion has something like that. I have attached some example images of what I'm trying to achieve.

Maybe you can give some direction.

Kind regards,

Juan

Attachment: example_2a6f87a.zip

[Shyam G]

Hi Juan, 

 

Query	Response
I was looking some of the demos available. I found that the diagram builder has some functionality for a control I need to do.  http://mvc.syncfusion.com/demos/web/DiagramBuilder/Home/Index I want to know what is the copyright status of this code, can use parts of it or it is private for Syncfusion.  Please let me know, otherwise, I will check for other free samples open source.	The MVC diagram builder is a part of Syncfusion. You can get the MVC diagram builder sample from the dashboard. Please refer to the below KB link in which we have shown how to get the samples from the dashboard.    KB link:https://www.syncfusion.com/kb/6328/how-to-get-the-diagram-builder-sample-code-from-the-dashboard    We have created a diagram builder sample and it is available in the below link for download.    Sample:http://www.syncfusion.com/downloads/support/directtrac/general/ze/Diagrambuilder1919006096
As a matter of fact, I think the code there is a lot more that I really need. Could you please tell me a tutorial, with some simple SVG canvas and dragging some specific items.  By the way, I think it is a quite nice implementation.	We have created a simple in which we have rendered the symbol palette with some shapes and rendered the diagram.    Sample:http://www.syncfusion.com/downloads/support/directtrac/general/ze/palettesample2009610329
I need some control that allows me to render an image and overlay other objects. I'm not quite sure if Syncfusion has something like that. I have attached some example images of what I'm trying to achieve.	Could you please confirm us whether you need to set the background image for the diagram and overlay other objects in it. If yes, we have created a sample and provided in the above row. If we misunderstood your requirement, please provide us more details such as video or screenshot.

 

 

Regards, 

Shyam G 

[Juan Acosta]

Hi Shyam,

I was looking the palette demo and It is the perfect star for what I need to create. I will add the zooming functionality from the diagram demo and modified the code.

Thank you so much for your help.  One additional question, the code in App_Data (MindMap.json, OrgChart.json). It is extra code no? I think it is not in use in the demo.

Kind regards,

Juan

[Shyam G]

Hi Juan, 

Sorry for the inconvenience 

Query: One additional question, the code in App_Data (MindMap.json, OrgChart.json). It is extra code no? I think it is not in use in the demo.  

 

Yes, we have not used that code(App_Data (MindMap.json, OrgChart.json)) in the demo/sample. We will avoid these mistakes in future. 

 

Regards, 

Shyam G 

[Juan Acosta]

Hi Shyam,

I was trying to redownload and run this solution Diagrambuilder1919006096.  However, I run into this issues:

1. Error not Syncfusion.JavaScript installed

 Added Install-Package Syncfusion.JavaScript

in the nuget packages and reinstall all option.

2. Error Cannot find module 'angular2/core'

Severity    Code    Description    Project    File    Line    Suppression State
Error    TS2307    Cannot find module 'angular2/core'.    SyncfusionMvcApplication2    D:\CodeBitbucket\SyncFusion Test Code\Diagrambuilder1919006096\SyncfusionMvcApplication2\Scripts\ej\common\ej.angular2.d.ts    2    Active

I was trying to solve it, however, the solution does not have tsconfig.json file.

Could you please help me. How can I solve and run this solution?

Kind regards,

Juan

[Shyam G]

Hi Juan, 

We have not included angular 2 related files in the sample which provided earlier to you in this incident and we are unable to reproduce the reported issue at our end. Please provide us more details such as use case in which you are facing the issue and how you have included the ej.angular2.d.ts file. 

Regards, 

Shyam G 

[Juan Acosta]

Hi Shyam,

Well I found the issue following this steps:
1. Download the code for the diagram builder.
2. Extract the code and open the solution with VS2015.
3. Rebuild solution.
4. Error with JavaScript.Syncfusion library not found.
5. Added library with

Install-Package Syncfusion.JavaScript
6. Then the project will be reload and asked you to use typescript, because it is the recommend option.
7. Click yes and then rebuild. Issue with the Agngular library. 

The strange thing is I updated my version of syncfusion to use the 

Essential Studio for ASP.NET MVC version v14.4.0.15

As soon as I installed, I tried to test again and the solution works perfectly. No javascript.syncfusion error.

That thing is worked now.

Anyway, I have other questions for you about the demo.

The demo has the ability to save files.

Where are those files saved in the system?

What is the standard filetype that used to save those files?

How is the menuControl used to save the files? The builder controller does not have any code. 

You kindly provided another code for the palette Sample that works fine and it has less code. It is possible to add the Menu control to that demo and it is possible to modify the method save to store in some specific path and filetype?

Could you please provide more information about the use of the menucontrols. 

Thanks for your help.

Kind regards,
Juan

[Shyam G]

Hi Juan, 

Query	Response
Anyway, I have other questions for you about the demo.   The demo has the ability to save files.  Where are those files saved in the system? What is the standard filetype that used to save those files?	In our diagram builder sample, we have saved the diagram as JSON string in browser’s local storage. Please refer to the screenshot below in which we have shown the saved diagram in browser’s local storage.  Screenshot:
How is the menuControl used to save the files? The builder controller does not have any code.    You kindly provided another code for the palette Sample that works fine and it has less code. It is possible to add the Menu control to that demo and it is possible to modify the method save to store in some specific path and filetype?	We have modified your sample in which we have added the menu control in it. The save options in the menu saves the diagram in local storage.  Sample:http://www.syncfusion.com/downloads/support/directtrac/general/ze/Juansample406670626
Could you please provide more information about the use of the menucontrols.	You can easily configured with menu control into your project. Please refer the getting started documentation for Menu control : https://help.syncfusion.com/aspnetmvc/menu/overview  . The mentioned link also having a details with use case sample preparation guideline.       Menu samples link: http://mvc.syncfusion.com/demos/web/menu/default

  

Regards, 

Shyam G 

[Juan Acosta]

Hi Shyam,

I was looking the complete demo that you sent to me before.



I modified the code to achieve what I need.

However, I found some issues that I think are not correct.

1. I want to have an image in the background and paint objects over it.  The image is this.



As you can see the image in landscape. 

I modified the code to add the image in the background and modified the height and width accordingly.