Links may not function; however, this content may be relevant to outdated versions of the product.
Customizing the image assets of mobile apps
Match the icons in your mobile app with the requirements of your company or project by replacing default image assets with a custom set of graphics.
Upload your custom assets in a single .zip file that contains images for the icons that appear on the home screen and on the splash screen when the mobile app starts.- Download the simplified assets .zip file that matches your version of Pega Infinity Mobile Client.For more information, see Branding assets templates for Pega Infinity Mobile Client.
- Extract the contents of the .zip file.
- Replace the image assets in the folders that you extracted from the .zip file to
customize the following graphics:
Choices Actions Mobile app icon (iOS) - Open the
common_assetsfolder, and then replace theicon.svgfile with the image file that you want to use.Note: If you plan to publish your mobile app in the Apple App Store, you must use a rectangular icon. iOS mobile devices also rescale the icon.svgfile and use it as an icon to display notifications on the status bar of your mobile app.
Mobile app icon (Android) - Open the
common_assetsfolder, and then replace theicon.svgfile with the image file that you want to use. - Open the
androidfolder, and then replace theicon_round.svgfile with the image file that you want to use.Note: Use a circular icon. Android devices that support circular launcher icons use the icon_round.svgfile instead of theicon.svg fileas the app icon. - Open the
androidfolder, and then replace thenotification_icon.svgfile with the image file that you want to use.Note: Android mobile devices use this icon to display notifications on the status bar of your mobile app. Use an icon that matches the following requirements: - Image format – 32-bit .png (with alpha)
- Transparent image
- Transparency Color Index – White (#FFFFFF)
Splash screen logo (iOS) Open the iosfolder, and then replace the[email protected]file with the image file that you want to use.Splash screen logo (Android) Open the android/drawable-resolutionfolder for each resolution of the target mobile device that you want to support, and then replace thesplashlogo.pngfile with the image file that you want to use. - Open the
- Select the folders that you extracted from the .zip file that now contain your custom assets, and then compress them to a single .zip file.
- 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, in the Styling section, click the preview of the icon and splash screen of your mobile app.
- In the Update branding window, click
Custom, and then upload your custom branding assets .zip
file:
- To upload the custom branding for the first time, click Upload zip file, and then choose the .zip file with your custom image assets.
- To update the existing custom branding, click Replace, and then choose the .zip file with your updated custom image assets.
- Click OK, and then click Save.
Previous topic Applying a custom theme to mobile apps Next topic Engaging mobile users with push notifications