Skip to main content


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

Adding a Tooltip

Updated on November 15, 2021
Applicable to Theme UI-Kit applications

Harness and Section forms - Adding a Tooltip

A Tooltip is a text label that is clickable. At run time, if the user clicks the label text, a pop-up SmartInfo section appears.

Adding a Tooltip is similar to adding a text label, except that the Format field value is SmartLabel and accepts parameters.

  1. To build and test a section, identify or create a section that forms the contents of the pop-up window.
    The section cannot contain input fields.
  2. Add the Tooltip control to the Harness, Section, or Flow Action by performing the following actions:
    1. On the Design tab, from the Data display list, drag Tooltip onto the work area.
    2. Click the View properties icon to open the Cell Properties panel.
  3. Complete the General tab.
    The General tab for a Tooltip control is identical to the General tab for a Label control. For more information, see General tab.
  4. Complete the Presentation tab. For more information, see Presentation.
  5. Complete the Parameters tab by providing values for the following required fields:
      • Label : Enter the text that is to appear in the cell on the harness, section, or flow action form.
      • SectionName : Enter the second key part - Stream Name - of a section to appear as a pop-up when the user clicks the label. At runtime, the system uses the Applies To class of the current rule to find the section using rule resolution.
      • HeaderText : Enter text to appear at the top of the pop-up SmartInfo window.
  6. Check the clickable check box to make the control clickable, supporting an "on click" action you may add on the Actions tab.
  7. Check the Activate input formatting check box to allow formatting of the label on this control if its edit option is set to Editable on the Presentation tab.
  8. Optional: Add an action to this control by choose one of the event options:
    • On click
    • On change
    • On blur
    • To remove any existing selection, select None.
  9. If you have selected an event, in the Action field that appears select one of the options:
    • None
    • Post value
    • Refresh this section
What to do next:

The UI Gallery landing page contains a working example of this element. To display the gallery, in Dev Studio, click ConfigureUser InterfaceGallery UI elements.

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