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

Is there an Essential JS installation guide?

I am trying to compile a list of JS/CSS/ image files necessary to successfully build a page with grid and tabs. I cannot find a single place that explains the minimum list of dependencies and their relative directory structure. Can you please direct me to such documentation page if exists.
thanks  

1 Reply

PP Prasanth Palani Syncfusion Team March 19, 2015 02:41 PM UTC

Hi Mike,
 

Thanks for using Syncfusion Products.

You can get the list of dependency scripts for each components from our JavaScript API reference link, here we have specified the dependency scripts for each components.
 

JS API reference link - http://help.syncfusion.com/cr/js
 

     In the above link, click on a particular component, now we can see the list of dependency script files required by that component under the “Requires” section. Please refer the following screenshot.

You can also check the following link to know about the dependencies of Grid component –

http://help.syncfusion.com/ug/js/default.htm#!documents/griddependencies.htm
 

 For your convenient, here we have showcase the dependency script and theme files in table to Tab and Grid components.

<head>

    <title></title>

    <!--Contains the necessary theme for our Tab and Grid component-->

    <link rel='nofollow' href="themes/default-theme/ej.widgets.all.min.css" rel="stylesheet" />

    <!--dependency script files-->

    <script src="scripts/jquery-1.10.2.min.js"></script>

    <script src="scripts/jquery.easing.1.3.js"></script>

    <script src="scripts/jquery.globalize.js"></script>

    <script src="scripts/jsrender.js"></script>

    <!--Contains the necessary scripts for our Tab component alone-->

    <script src="scripts/ej.core.min.js"></script>

    <script src="scripts/ej.data.min.js"></script>

    <script src="scripts/ej.tab.min.js"></script>

    <!--Contains the necessary scripts for our Grid component alone-->

    <script src="scripts/ej.grid.min.js"></script>

    <script src="scripts/ej.pager.min.js"></script>

    <script src="scripts/ej.scroller.min.js"></script>

    <script src="scripts/ej.waitingpopup.min.js"></script>

    <script src="scripts/ej.radiobutton.min.js"></script>

    <script src="scripts/ej.dropdownlist.min.js"></script>

    <script src="scripts/ej.dialog.min.js"></script>

    <script src="scripts/ej.button.min.js"></script>

    <script src="scripts/ej.autocomplete.min.js"></script>

    <script src="scripts/ej.checkbox.min.js"></script>

    <script src="scripts/ej.datepicker.min.js"></script>

    <script src="scripts/ej.editor.min.js"></script>

    <script src="scripts/ej.toolbar.min.js"></script>

</head>

   Please follow the below steps to get access to these individual script files (minified files). 
 

Open the dashboard. On the left side of the dashboard choose the JavaScript platform. Now, on the right side choose the option “Explore Samples” as shown in the image,
 

It will open the location where the controls are installed locally. Suppose if it is installed in C Drive, the location will be something like this,
 

[Installed Drive]: \Users\lab\AppData\Local\Syncfusion\EssentialStudio\12.2.0.36\JavaScript
 

‘JavaScript’ folder contains the following folders
 

CSS – It contains CSS files/ style sheets required for the JavaScript components
 

External – It contains third party script files (necessary to include based upon the component used) like JQuery, jsrender etc…  
 

Scripts – It contains the script files required by the JavaScript components.
 

Type Script – It contains the Type Script definition file.
 

Custom Script Generator:
 

       We give one useful option to load only the necessary script and theme files based on the components that you are using in your application. That option name was “Custom script generator”.
 

Please refer the following online documentation link to know clearly about custom script generator.
 

http://help.syncfusion.com/ug/js/default.htm#!documents/essentialjscustomscr.htm

Also you can refer the following KB link to know about how to use minimal scripts and CSS files in your application.

https://www.syncfusion.com/kb/3048/how-to-use-js-components-with-minimal-js-and-css-loaded

Relative directory structure:

     For Script files there is no need to maintain any relative directory structure. You can place the script files anywhere in your application and refer it. For CSS, the ej.widgets.core.min.css file has to be placed one folder before the location where “ej.widgets.all.min.css” file is present. Please refer the below screenshot.
 

      In the above screenshot, you can see that the ej.widgets.core.min.css file is placed one folder before the themes folders. You suggest you to maintain the same structure.
 

Please get back to us if you would require any further assistance.

Regards,

Prasanth P




Loader.
Live Chat Icon For mobile
Up arrow icon