Usage Scenario: Show/Hide Detailed Information

On a form screen, when the user selects the ‘Show Details’ checkbox, an explanatory text should appear; when the checkbox is deselected, the text should be hidden.

Application Steps:

  1. Switch to the UI Design module.
  2. Add a Checkbox element and name it ‘ShowDetailsCheck’.
  3. Add a Label element, enter the description content.
  4. Click on the Checkbox element, select the following action from the +ADD ACTION menu:
    • OnChange → UI Control → Change Visibility Of
  5. Action Parameters:
    • Component To Change: DetailsText