LinkedIn
Copied!

Table of Contents

Adding a Tooltip

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 Configuring a text label in a layout cell or header.

  4. Complete the Presentation tab. For more information, see Tooltip Properties — Presentation tab.

  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 .

  • Tooltip Properties — Presentation tab

    Click the View properties icon in the cell containing the Tooltip control to display the Properties panel, and select the Presentation tab.

  • Keystores

    A keystore is a file that contains keys and certificates that you use for encryption, authentication, and serving content over HTTPS. In Pega Platform, you create a keystore data instance that points to a keystore file.

  • harnesses

    Organize the content and structure of a portal by defining harnesses. By populating harnesses with sections, you can build a modular interface that promotes reuse and maintainability.

  • Sections

    Sections are the building blocks of your user interface. You can populate a section with components, such as fields and controls, to create a functional chunk of user interface that can be reused in different contexts for improved consistency and efficient development.

Did you find this content helpful?

100% found this useful

Have a question? Get answers now.

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