Skip to main content
LinkedIn
Copied!

Table of Contents

Customizing the icon and launch screen of mobile apps

Version:

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 app icon and launch screen. 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 Branding.

  3. In the App icon section, customize the icon that appears on the home screen of the mobile device:

    1. Hover over the app icon preview, and then click Change.

    2. In the App icon dialog box, choose how you want to customize the icon:

    Choices Actions
    Create a text-based icon
    1. Click the Text tab.

    2. In the Text field, enter up to two characters to show in the app icon.

    3. In the Text color section, click the color picker icon, and then select a color for the text.

    4. In the Background color section, click the color picker icon, and then select a color for the background of the icon.

    5. Click Generate.

    Use an existing image
    1. Click the Icon tab.

    2. In the Select icon field, click the image of your choice.

    3. In the Icon color section, click the color picker icon, and then select a color for the image.

    4. In the Background color section, click the color picker icon, and then select a color for the background of your icon.

    5. Click Generate.

    Upload a custom image
    1. Click the Image tab.

    2. In the App icon section, click Choose File, and then browse to and select an SVG file of your image.

      The recommended image dimensions are 512 x 512 pixels.
    3. In the Background color section, click the color picker icon, and then select a color for the background of your icon.

    4. Click Generate.

  4. In the Launch screen section, customize the launch screen that appears when the mobile app starts:

    1. Hover over the launch screen preview, and then click Change.

    2. In the Launch screen dialog box, choose how you want to customize the launch screen:

    Choices Actions
    Create a text-based launch screen
    1. Click the Text tab.

    2. In the Text field, enter up to two characters to show on your launch screen.

    3. In the Text color section, click the color picker icon, and then select a color for the text.

    4. In the Background color section, click the color picker icon, and then select a color for the background of your launch screen.

    5. Click Generate.

    Use an existing image
    1. Click the Icon tab.

    2. In the Select icon field, click the image of your choice.

    3. In the Icon color section, click the color picker icon, and then select a color for your image.

    4. In the Background color section, click the color picker icon, and then select a color for the background of your launch screen.

    5. Click Generate.

    Upload a custom image
    1. Click the Image tab.

    2. In the App icon section, click Choose File, and then browse to and select an SVG file of your image.

      The recommended image dimensions are 512 x 512 pixels.
    3. In the Background color section, click the color picker icon, and then select a color for the background of your launch screen.

    4. Click Generate.

  5. Click Save.

A mobile app developer for the uPlus company configures the launch screen and icon for an expense reporting mobile app so that it matches the branding requirements of the uPlus company.

Design of a custom icon mobile app and launch screen
Configuring a custom launch screen and icon for a mobile app with the help of the
                live preview.

Verify the changes to your mobile app by generating, installing, and launching the app. For more information, see Generating native mobile apps.
  • Customizing the theme of mobile apps

    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.

  • Customizing the image assets of mobile apps

    Match the icons in your mobile app with the branding requirements of your company or project by replacing the default image assets with a set of custom graphics.

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