Skip to main content
LinkedIn
Copied!

Table of Contents

Modifying the font settings file for imported applications

Version:

Only available versions of this content are shown in the dropdown

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.

When you import a mobile app that uses UI Kit in a version that is earlier than version 14 and choose not to upgrade the UI Kit, you must create a pyMobileFontsList file in the context of your application, and then configure the font settings.
Create an empty font settings file. For more information, see Creating the font settings file for imported applications.
  1. Open the pyMobileFontsList text file rule that you created.

  2. In the pyMobileFontsList rule, add a JSON array, according to the following template:

    {
        url: "myAppName/uikit13-icons.ttf", 
        fontFamily: "pega-uik-13", 
        type: "icons",
        css: "webwb/py-icons.css"
    }
    The parameters define the following attributes:
    url
    Defines the URL address of the font file.
    fontFamily
    Defines the name of the font. You obtain this value when you convert the font file.
    type
    Defines the type of the font.
    css
    Defines the name of the CSS sheet that uses the icon font. You obtain this value when you convert the font file.
  3. Click Save.

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