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. Image for the cookie policy date

Diagram

Hello, I would like to implement an extension with one of your controls in my application.
I use AngularJS 1.5 and Typescript 2.5 in my application.

Extension that I want to implement:

https://www.syncfusion.com/javascript-ui-controls/js-diagram/flowchart

File I found for my binding:

"Ej.diagram.min.js"

I do not use NPM.

Which files do I need to get the control working, since I dont want to use the main library which is too big for our usecase.

"Ej.web.all.min.js"

I would be very grateful if you could help me.

Thanks 
Dean Govedar

5 Replies

RT Ramya Thirugnanam Syncfusion Team June 7, 2019 09:27 AM UTC

Hi Dean,  
Thanks for contacting Syncfusion support. 
 
We have created a flowchart sample in AngularJS and referred diagram dependent script file “ej.diagram.min.js” file in the sample.  
 
 
Please refer to the help document for diagram as below. 
 
Regards,  
Ramya T  



DG Dean Govedar June 7, 2019 12:52 PM UTC

Hello, thanks for the quick respond.

I have one more question, I need a type definition file for the Diagram Control.

The only file I found is.

"Ej.web.all.d.ts"

I would be very grateful if you could provide me with the appropriate type definition file for the Diagram Control.


Thank you very much
Dean Govedar


RT Ramya Thirugnanam Syncfusion Team June 10, 2019 06:12 AM UTC

Hi Dean,  
 
Thanks for your update. 
 
Could please share us your current Essential studio version? So that, we can generate and share the diagram definition file in that version.  
 
Regards, 
Ramya T 



DG Dean Govedar June 11, 2019 07:45 AM UTC

Hello Ramya,

I am using the version "17.1.0.47" for AngularJS.

I also want to use the symbol-palette for my application. 

"https://help.syncfusion.com/angularjs/diagram/symbol-palette

Do I have to include a CSS file? If I embed the palette symbol in my project, it has no formatting, only the headline as normal text. 
In addition, I have not found a CSS file which I can include in my project. 

I would be very grateful if you could also send me the necessary files for the symbol Pattern. 

I thank you for the fast and helpful support!

Thanks
Dean Govedar.


RT Ramya Thirugnanam Syncfusion Team June 11, 2019 12:14 PM UTC

Hi Dean,  
 
Thanks for contacting Syncfusion support. 
 
Query  
Response  
I need a type definition file for the Diagram Control.  
I am using the version "17.1.0.47" for AngularJS.  
The type definition file for diagram is available in below link  
 
I also want to use the symbol-palette for my application.   
  
"https://help.syncfusion.com/angularjs/diagram/symbol-palette  
 
We have modified the sample to render the symbol palette and diagram.  
 
Do I have to include a CSS file? If I embed the palette symbol in my project, it has no formatting, only the headline as normal text.   
In addition, I have not found a CSS file which I can include in my project.   
  
I would be very grateful if you could also send me the necessary files for the symbol Pattern.   
Yes, you need to refer “ej.web.all.min.css  file. Please refer to an above sample in which we have referred this css file.  
 
Also, to render an angularjs application the below files to be referred  
 
·        ej.web.all.min.css 
·        jquery-3.0.0.min.js 
·        scripts/jsrender.min.js 
·        scripts/angular.min.js 
·        scripts/ej.diagram.min.js 
·        scripts/ej.widget.angular.min.js 


 
Regards,  
Ramya T 


Loader.
Live Chat Icon For mobile
Up arrow icon