Skip to main content

Table of Contents

Specifying the image source and tooltip for a Button control

Applicable to Theme UI-Kit applications

Using images and tooltips to indicate a button's purpose makes it easier for application users to understand a form and to complete their tasks.

  1. On the General tab of the Properties panel, use the Image source option to select an image.

    • To select an image from the Image Catalog, select Simple Image and click the Show Image Viewer icon for the adjacent field.
    • To select a property to use as the source of the image, select Property and press the Down Arrow key in the adjacent field to select the property.
    • To preview available icons on an overlay, select Icon Class and click the Open the icon class picker icon next to the adjacent field. To select an icon, click one on the overlay. You can use the search field at the top of the overlay to filter icons by class name.
  2. Set the Image Position option to Left or Right to indicate where the image is displayed in relation to the button's label at run time.

  3. Optional:

    To describe the button's purpose for users at run time, enter a phrase in the Tooltip field or press the Down Arrow key to select an existing tooltip.

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