Step 3: Customize the design of your app

Now that the second step is done too, you can customize the design of your mobile app in four main ways:

Change Template
Looks
2.1. General options
2.2. Menu options
Module images
App name and icon

1.Change Template

You can use the change template feature for changing the looks of your mobile app, or to apply a paid template you have purchased.

To use this feature, click the change template button on the dashboard screen.

In the screen that will follow, you will be warned as “When you change your template, your splash and menu background image will change as well. Press forward button to continue this process”. If you proceed, the template design you choose will affect all your designs. When you click the forward button,

The categories screen will be displayed, and you can choose any template in this screen of either free or paid types, just as it was earlier on.

The choice of category does not put any limitations on your app; it only allows you to access relevant templates faster.

The price tag on a template you have paid for will vanish, and you can use it anytime you want.

You can click on the template you want to choose, and activate it on your mobile app.

After changing your template, you can check the looks on the preview device on right side of the screen.

2. Appearance

You can customize your design through the Appearance tab on the left side of your panel. It has two submenus as App Settings and Menu Settings.

2.1. App Settings

In this section, you can customize the look of your app through the sections of Colors and Images.

Navigation Bar Color: Here, you may adjust the color of the navigation bar at the top of the app.

Text Color: You may choose the color for the text in your mobile app here. However, if you want you can customize this individually for every screen as well.

List Item Text Color: You may set the color for list items here. Again, it is possible to choose this individually for every screen if you’d like to.

Splash Image: This is the picture to be displayed when your mobile app is opening. The file extension needs to be either.PNG or.JPG, and its size needs to be 640 x 1136(px).

List item background: This will be automatically set as the background image for the list items you will create. But if you like to, you can set this separately for each screen. The file extension needs to be either.PNG or.JPG, and its size needs to be 640 x 1136(px).

Default background image: The screens you will create will automatically set this as their background images. However, if you like to, you can set this separately for each screen. The file extension needs to be either.PNG or.JPG, and its size needs to be 640 x 1136(px).

Logo: If membership option is active in your app, you can add a logo image here for your app’s opening.

For more detail on membership feature, you can read the article named What Membership is.

2.2 Menu Settings

In this section, you can set the menu types for your app. For the changes you have made in this section to become active, you will need to click Save button after making the change.

Choose Template: In this section, you may choose one from 4 different types of menus and 20 distinct templates.

Menu Background: This is the section where you can choose a background image that is suitable for the template you have chosen.

Menu Item Background: This is the section where you can choose a background image for the items of the menu you have chosen.

3. Images in the Module

Background image: In this section, you can pick a background image that is specific to this particular module. If you choose default, it will be the image you have chosen in the Appearance>App Settings>Default Background Image.
Main image: You can add a 300×150 pixels image here, which will be displayed at the top of the module’s content.

4. App Name and Icon

To change the App Name and Icon, click the pencil icon at the top of the left menu.

In the screen that will display, you can type in your app name in 30 characters max, and can also upload your app icon in 1024×1024 pixels in either of.PNG, JPG, or.JPEG formats. Then click the Save button to conclude.

If you had created an APK earlier, you need to generate it again for the changes in App Name and Icon to take effect.

After editing the design to your heart’s content, you can proceed into the next article: Step 4: Generate Your Android (APK) File.

Leave A Comment?