Harness, section and flow action forms - Adding a Smart Label

Harness and Section forms - Adding a Smart Label

A Smart Label 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 Smart Label is similar to adding a text label, except that the Format field value is SmartLabel and accepts parameters.

> 1. 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 Smart Label control to the Harness, Section, or Flow Action

From the Advanced control group, select the Smart Label control. Drag the control. When the pointer changes shape to indicate that you can drop the layout, release the mouse button.

Click the View properties icon to open the Cell Properties panel. Complete the panel to define the label appearance and behavior.

> General tab

The General tab for a Smart Label control is identical to the General tab for a Label control. See General tab.

> Presentation tab

See Presentation.

> Parameters tab

On the Parameters tab provide values for the 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.

Check the clickable check box to make the control clickable, supporting an "on click" action you may add on the Actions tab.

> Actions tab

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.

You can add an action to this control. Choose one of the event options:

  • On click
  • On change
  • On blur

Select "None" to remove any existing selection.

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, click Designer Studio > User Interface > Gallery > UI elements.

About Flow Actions

About Harnesses

About Sections