Step 1.

Grab the resources from the CSS and JS folders and copy it to your project.

Step 2.

Try a simple example in your test file or project. Copy the following HTML and JS code.

Download this Forms example for testing 👆

Step 1.

Grab the resources from the CSS and JS folders and copy it to your project.

Step 2.

Try a simple example in your test file or project. Copy the following HTML and JS code.

Download this Forms example for testing 👆

Step 1.

Install the Mobiscroll CLI from npm (you might need sudo access).

Step 2.

Run the config command in the root folder of the React project.
If you don't have an app, create a starter with the Create React App $ create-react-app my-app

Step 3.

Include mobiscroll lite to one of your components and run the app. You can import mobiscroll resources and use the lite components the following way:

Run the app from the root folder with npm start

Step 1.

Install the Mobiscroll CLI from npm (you might need sudo access).

Step 2.

Run the config command in the root folder of the Angular project.
If you don't have an app, create a starter with the Angular CLI $ ng new myStarterApp

Step 3.

Add the mobiscroll form component to one of your pages and run the app.
If you're using an Angular CLI app, you can add it to src/app/app.component.html:

Run ng serve in your project root folder.

Prerequisite:

Use the CLI to create a new app. If you already have an app at hand, you can skip this step.

Step 1.

Copy Mobiscroll into your app.
Unpack the downloaded mobiscroll package and copy the css and js folders to the www/lib/mobiscroll folder of the myStarterApp. At the end you should have the mobiscroll js file under the myStarterApp/www/lib/mobiscroll/js/ folder. The same is true for the css file: myStarterApp/www/lib/mobiscroll/css/.

Step 2.

Include the CSS and JS resources.
Open the index.html file and include the mobiscroll js and the css files in the header sections.

Step 3.

Set up the mobiscroll-form dependency to use the mobiscroll Form component.
You should add this module dependency in the controllers.js file like:

Step 4.

Let's see if Mobiscroll was installed correctly.
To test it let's add a simple input to the tab-dash.html:

To build the app just run the ionic serve:

Step 1.

Install the Mobiscroll CLI from npm (you might need sudo access).

Step 2.

Run the config command in the root folder of the Ionic project.
If you don't have an app, create a starter with the Ionic CLI $ ionic start myStarterApp tabs

Step 3.

Add a mobiscroll form to one of your pages and run the app.
If you're using an ionic starter, you can add it to src/pages/home/home.html:

Run ionic serve in your project root folder.