Creating the Application with Syncfusion Essential JS Controls and deploy the App by using Apache Cordova framework.

Apache Cordova is an open source Mobile development framework. Using this framework, we can create and deploy the application to Android, iOS and Windows devices.

By Using Command Line Tool to install the Apache Cordova. Before installing the Cordova, we need to install NodeJS. Read the installation guide and install the Apache Cordova.

First we need to configure the system for the below platforms.

i)Android

ii)iOS

iii)Windows

Step1:

Create an empty Cordova project by using the below command.

$ cordova create hello com.example.hello HelloWorld

Step2:

Navigate the directory using the below command

$ cd hello

Step3:

Add the platform that you want to target your App.

Android

$ cordova platform add android –save

iOS

$ cordova platform add ios –save

Windows

$ cordova platform add windows –save

Create any Syncfusion Essential JS control sample as mentioned in the link.

Move the Syncfusion Essential JS Sample in to the location hello/www and delete the existing Cordova sample and scripts and CSS files.

The Sample file name should be index.html. If you want to change the sample file name to some other name means open hello/config.xml file and change the content src as like below.

Note: By default, it takes index.html as the home page.

Run the following command to build the project.

Android

$ cordova build android

iOS

$ cordova build ios

Windows

$ cordova build windows

Connect the device with the system and run the following command to deploy the App in devices.

Android

$ cordova run android

iOS

$ cordova run ios

Windows

$ cordova run windows