Skip to main content


         This documentation site is for previous versions. Visit our new documentation site for current releases.      
 

This content has been archived and is no longer being updated.

Links may not function; however, this content may be relevant to outdated versions of the product.

Specifying the icon source and tooltip for an Icon control

Updated on April 5, 2022

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

Prerequisite: Add an Icon control to a layout.

  1. On the General tab of the Properties panel, use the Icon source option to select an image:
    • To select a predefined icon with a tooltip, select Standard icon and use the drop-down list for the Standard icon field.
    • To select an image from the Image Catalog, select Image and click the Show Image Viewer icon for the Image field.
    • To use an image from a web site, select External URL and enter the web site address in the External URL field.
    • To select a property to use as the source of the image, select Property and press the Down Arrow key in the Property 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 Class field. To select an icon, click one on the overlay. You can use the search field on the overlay to filter icons by class name.
  2. If the icon source is Image, External URL, or Property, select one of the following settings for the Image size option:
    • Auto – The layout determines the width of the Icon control.
    • Custom – You enter the icon's width and height in pixels in the corresponding Image dimension fields.
  3. Optional: To describe the icon'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.

  • Icon

    Use the Image control to add an image that can also function as a button that users can click or tap to take an action in your application.

  • Adding and configuring an Image control

    By adding an Image control to a layout, you make it possible for application users to take an action on the form. By configuring an Image control, you give your application a consistent look and feel.

  • Specifying presentation options for an icon control

    After you create the Image control, configure how the control is displayed. You can specify whether the Icon control has a label and what happens when an application user clicks or taps the icon.

  • Defining the behavior of form elements

    Ensure that users see and complete only the fields that are relevant to the processing of a case by defining the rules that govern the behavior of form elements.

  • Copying, moving, or deleting a control

    You can use basic Windows operations to speed the development of your controls.

Have a question? Get answers now.

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

Did you find this content helpful?

Want to help us improve this content?

We'd prefer it if you saw us at our best.

Pega.com is not optimized for Internet Explorer. For the optimal experience, please use:

Close Deprecation Notice
Contact us