Setting up the application

Start by extracting the main file downloaded from Codecanyon andopen the Ionic project source code in your preferred editor, we recommend the Visual Studio Code editor.

General settings

  1. Open the config.xml file in the root of the project and edit the following parameters:

    1. widget id

    2. name

    3. description

    4. author (email, href and name)

Application Icon; Logo and Splash screen

Due the several screen sizes, multiple icon and splash screen sizes are needed to ensure compatibility with the different devices. The Ionic CLI provides an utility that generates the necessary images sizes from one file that you provide.

  1. Change the logo under src/assets/imgs/logo.png (200x50px preferred)

  2. Generate two images which can be: png, psd or ai files, the icon image should be at least 1024×1024px and the splash screen image should be at least 2732×2732px. The two images must be named respectively icon.png and splash.png and must be saved in the /resources folder.

  3. Execute the following command: ionic cordova resources, it will automatically generate the necessary resolutions and update your config.xml file

  1. Open the following file: src\providers\parameters\parameters.ts

  2. Edit the following parameter:

    this.website_root_url = "http://yourdomain.com";

Last updated