We use cookies to give you the best experience on our website. If you continue to browse, then you agree to our privacy policy and cookie policy.
Unfortunately, activation email could not send to your email. Please try again.

Source Code in the Demos

Thread ID:

Created:

Updated:

Platform:

Replies:

126170 Sep 28,2016 07:34 AM Mar 10,2017 06:04 AM ASP.NET MVC 15
loading
Tags: Diagram
Juan Acosta
Asked On September 28, 2016 07:34 AM

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
Replied On September 28, 2016 08:07 AM

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
Replied On September 28, 2016 08:18 AM

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 [Syncfusion]
Replied On September 29, 2016 06:53 AM

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. 
 
 
We have created a diagram builder sample and it is available in the below link for download. 
 
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. 
 
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
Replied On September 29, 2016 07:14 AM

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 [Syncfusion]
Replied On September 30, 2016 02:02 AM

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
Replied On December 21, 2016 01:53 AM

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 [Syncfusion]
Replied On December 22, 2016 05:20 AM

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
Replied On December 28, 2016 11:44 PM

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 [Syncfusion]
Replied On January 2, 2017 05:59 AM

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. 

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.   
  


  

Regards, 
Shyam G 


Juan Acosta
Replied On March 8, 2017 07:34 PM

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.



However, when I rendered the image is compacted and it does not look as proper landscape.


Not correct the image should be long.










Juan Acosta
Replied On March 8, 2017 07:59 PM

Continue with the last email.
If I hit zoom out or fit to page. The image is rendered as it was an square image. So, the control is changing the ratio of the image.