Setting conditional component visibility

All App Builder basic components can be set to either display or not display. Normally, this is set on an unconditional basis; that is, the component either displays all the time or not at all.

There might be times, however, when you want a component to display (or not display) dependent on some condition, such as a button being clicked, or some action taken in another component.

  1. In App Builder, select the component for which you want to set conditional visibility.
  2. In the Properties panel, select the Style tab.
  3. Expand the Visibility section.
  4. Click the lock icon next to the Show Component switch.
  5. In the Component Expression - Hide When dialog box, click + Add.
    Note: You can also use the Component Expression - Hide When dialog box to edit or delete existing conditional expressions.
  6. In the New Condition dialog box, provide the settings for the condition that will cause the component to be hidden.
  7. Click Save.
  8. Click Close.
App Builder adds the setting to the component.
Related topics