Skip to main content
LinkedIn
Copied!

Table of Contents

Adding a Tooltip

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

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

Related Content

Article

harnesses

Article

Sections
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