Close popover

Table of Contents

Replacing the icon font in imported applications

Version:

Ensure that your mobile app is displayed properly with the Mobile – Slide Up layout, by replacing the font for icons on the header or the bottom bar. Complete this procedure when the UI Kit in your application is in an earlier version than version 14, and you do not add the latest UI Kit to your application stack.

Icons in native components of Pega Infinity Mobile Client derive glyphs from a font file in the true type font (.ttf) format that is embedded in the mobile app executable file. Pega Platform stores font settings for Pega Infinity Mobile Client in the pyMobileFontsList file. When you import a mobile app that uses UI Kit in a version that is earlier than version 14, icons in the imported app derive glyphs from a font file in the .woff format, and the pyMobileFontsList file is missing from the app definition. Therefore, if you import applications from previous Pega Platform releases without upgrading to UI Kit from a version earlier than 14, convert and replace the icon font to avoid displaying incorrect icons in your mobile app.

  1. Download the .woff font files with icons, and then convert them to the .ttf format.

    For more information, see Converting the icon font for imported applications.

  2. Upload the font files.

    For more information, see Uploading custom font files.

  3. In the context of your application, manually create an empty pyMobileFontsList file.

    For more information, see Creating the font settings file for imported applications.

  4. Modify the fonts list.

    For more information, see Modifying the font settings file for imported applications.

The uploaded icon font overrides the default font for icons on the header or the bottom bar of your mobile app. You can now generate the mobile app distributable files that include the icon font. For more information, see Generating installation packages.

  • Converting the icon font for imported applications

    Convert the font files that contain application icons to ensure that the mobile app is displayed properly with the Mobile – Slide Up layout, when you do not add the latest UI Kit to your application stack.

  • Uploading custom font files

    Upload new font files to customize and improve the user interface of your mobile apps. You can change fonts for the text that is displayed on native elements of your mobile app, or replace the font for icons in your imported mobile app.

  • Creating the font settings file for imported applications

    To ensure that your imported mobile app is displayed properly with the Mobile – Slide Up layout, you customize the icon font for the native elements of your mobile app. After you upload the converted font file, create an empty text file for font settings.

  • Modifying the font settings file for imported applications

    To ensure that your imported mobile app is displayed properly with the Mobile – Slide Up layout, you customize the icon font for the native elements of your mobile app. After you create an empty font settings file, modify the fonts list.

  • Mobile app branding and layout

    Before you build a mobile app, you can customize its branding and layout to meet your company's specific requirements. Upload images to Pega Platform, and then use them to customize the splash screen, application icon, and other branding assets.

  • Customizing fonts for the native mobile app components

    Customize the fonts for the text that is displayed on the header or the bottom bar of your mobile app, to conform to your company's branding and to improve readability.

Have a question? Get answers now.

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