Skip to main content

Table of Contents

Customizing the theme of mobile apps


Only available versions of this content are shown in the dropdown

Match the branding of your mobile app with the requirements of your company or project by customizing the interface elements, such as the buttons and navigation menu. Branded applications ensure that your users recognize your brand's identity.

Create a mobile channel for your mobile app. For more information, see Setting up mobile apps.
  1. Open your mobile channel:

    1. In the navigation pane of App Studio, click Channels.

    2. In the Current channel interfaces section, click the tile that represents a mobile channel for your app.

  2. On the mobile channel page, on the Layout tab, click Theme.

  3. In the Theme section, specify how you want to display the bottom navigation menu and the floating action button:

    1. In the Bottom menu style list, choose whether you want the bottom navigation menu to consist of icons with corresponding labels or icons without labels.

    2. Optional:

      To automatically hide the bottom navigation bar when users scroll up or down the screen, select the Enable auto hiding bars on scroll check box.

    3. In the Floating action button position list, choose whether you want to position the floating action button in the bottom right or in the bottom center of the screen.

      The floating action button creates a new work item when users tap the button. For example, on a mobile list page with expense reports, the floating action button creates a new expense report. To add a floating action button to your mobile list page, see Authoring mobile list pages.
  4. In the Mobile specific colors section, customize the colors of the listed interface elements by clicking the color picker icon and then selecting a color for the element.

  5. Click Save.

Design of a custom mobile app theme
Configuring a custom theme for a mobile app.

Verify the changes to your mobile app by generating, installing, and launching the app. For more information, see Generating native mobile apps.
Suggest Edit
Did you find this content helpful?

Have a question? Get answers now.

Visit the Collaboration Center to ask questions, engage in discussions, share ideas, and help others.

Ready to crush complexity?

Experience the benefits of Pega Community when you log in.

We'd prefer it if you saw us at our best.

Pega Community has detected you are using a browser which may prevent you from experiencing the site as intended. To improve your experience, please update your browser.

Close Deprecation Notice
Contact us