Customizing the icon and launch screen of mobile apps
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.
- Open your mobile channel:
- In the navigation pane of App Studio, click Channels.
- In the Current channel interfaces section, click the tile that represents a mobile channel for your app.
- On the mobile channel page, on the Layout tab, click Branding.
- In the App icon section, customize the icon that appears on the
home screen of the mobile device:
- Hover over the app icon preview, and then click Change.
- In the App icon dialog box, choose how you want to customize the icon:
Choices Actions Create a text-based icon - Click the Text tab.
- In the Text field, enter up to two characters to show in the app icon.
- In the Text color section, click the color picker icon, and then select a color for the text.
- In the Background color section, click the color picker icon, and then select a color for the background of the icon.
- Click Generate.
Use an existing image - Click the Icon tab.
- In the Select icon field, click the image of your choice.
- In the Icon color section, click the color picker icon, and then select a color for the image.
- In the Background color section, click the color picker icon, and then select a color for the background of your icon.
- Click Generate.
Upload a custom image - Click the Image tab.
- 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.
- In the Background color section, click the color picker icon, and then select a color for the background of your icon.
- Click Generate.
- In the Launch screen section, customize the launch screen that
appears when the mobile app starts:
- Hover over the launch screen preview, and then click Change.
- In the Launch screen dialog box, choose how you want to customize the launch screen:
Choices Actions Create a text-based launch screen - Click the Text tab.
- In the Text field, enter up to two characters to show on your launch screen.
- In the Text color section, click the color picker icon, and then select a color for the text.
- In the Background color section, click the color picker icon, and then select a color for the background of your launch screen.
- Click Generate.
Use an existing image - Click the Icon tab.
- In the Select icon field, click the image of your choice.
- In the Icon color section, click the color picker icon, and then select a color for your image.
- In the Background color section, click the color picker icon, and then select a color for the background of your launch screen.
- Click Generate.
Upload a custom image - Click the Image tab.
- 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.
- In the Background color section, click the color picker icon, and then select a color for the background of your launch screen.
- Click Generate.
- Click Save.
- 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.
- Branding Assets Templates For Pega Mobile Client
When you build a mobile application in Pega Platform, you can customize the branding of the app by using the latest version of the branding assets template.
- 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.
Previous topic Applying a custom theme to mobile apps Next topic Customizing the image assets of mobile apps