Skip to main content

Table of Contents

Adding an icon to a control

Applicable to Theme UI-Kit applications

Pega Platform includes an icon font set that you can add to your application's skin. You can then add icons from the system's icon font set to a control.

First identify the icon that you want to use:

  1. Open the skin record and add the icon set to the skin, if you haven't already.

  2. In the skin record, next to the py-icons row, click the Open icon to open the text file.

  3. Scroll through the file until you find the name of the icon that you need.

Next, add the icon font to the control:

  1. Open the section that contains the control and then open its Properties panel.

  2. On the General tab, select Icon Class from the Image source drop-down list.

  3. Enter the letters "pi", a space, and the name of the icon.

  4. Submit the updated properties and save the section.

To see how the button is displayed on the form, select Preview in the control record's Actions menu.

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