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 image source and tooltip for a Button control

Updated on April 5, 2022

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.

  • Button controls

    Use a Button control to enable users to take action on a form, such as submitting the form after filling it out.

  • Styling options for Button controls

    Establishing a consistent look for Button controls in your application saves development time, gives your application a more predictable user interface, and makes it easier for users to complete forms.

  • Adding and configuring a Button control

    By adding a Button control to a layout, you make it possible for application users to complete a task, such as submitting a form after completing its fields. By configuring a Button control, you give your application a consistent look and feel.

  • Specifying the caption for a Button control

    Using a caption for a Button control makes it easier for application users to understand the button's purpose and to complete their tasks.

  • Specifying presentation options for a Button control

    Three predefined formats are available for buttons: Strong, Standard, and Simple. Using these formats consistently in your application makes the user interface more predictable and makes it easier for users to complete forms.

  • 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.

  • Previous topic Specifying the caption for a Button control
  • Next topic Specifying presentation options for a Button control

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