How to get the diagram builder sample code from the dashboard

 Diagram Builder sample code from Dashboard

We can view the diagram builder sample code from the dashboard. Please follow the below steps to view the diagram builder code from the dashboard.

1. Run the dashboard
2. Click JavaScript -> Explore samples from the dashboard

3. Please follow the physical path to get the diagram builder sample code

          [$Samplelocation]\Syncfusion\EssentialStudio\13.4.0.56\JavaScript\samples\web\dashboard\diagrambuilder

Example:

C:\Users\labuser\AppData\Local\Syncfusion\EssentialStudio\13.4.0.56\JavaScript\samples\web\dashboard\diagrambuilder

4. Please follow the physical path to get the JavaScript and CSS file.

CSS file

[$Sample location]\Syncfusion\EssentialStudio\13.4.0.56\JavaScript\samples\web\themes

1.       ej.theme.min.css

2.       ej.widgets.core.min.css

[$Samplelocation]\Syncfusion\EssentialStudio\13.4.0.56\JavaScript\samples\web\dashboard\diagrambuilder

3.    DiagramBuilder.css

4.     style.css

JavaScript file

[$Sample location]\Syncfusion\EssentialStudio\13.4.0.56\JavaScript\samples\web\scripts

1. jquery-2.1.4.min.js

2. jquery.easing-1.3.min.js

3. jsrender.min.js

4. ej.web.all.min.js

[$Samplelocation]\Syncfusion\EssentialStudio\13.4.0.56\JavaScript\samples\web\dashboard\diagrambuilder\scripts

5. IntelligentShapes.js

6. knockout-min.js

7. methods.js

8. events.js

9. control.js

10.palettes.js

Please refer to the diagram builder sample below.

Sample:http://www.syncfusion.com/downloads/support/directtrac/151427/ze/Diagrambuildersample-736949164