Setting conditional component disablement

There might be times when you want a component to be disabled (or enabled) based on some condition, such as a button being clicked, or some value being displayed in another component.

  1. In App Builder, select the component you want to conditionally enable or disable.
  2. In the Properties panel, select the Style tab.
  3. On the Style tab, expand the Style options section and locate the Read Only option.
    Not all basic components have this option. Generally, only components that have Style options include the Read Only option, and then not all of them.
  4. Click the lock icon to the right of the Read Only option.
  5. In the Component Expression - Disable When dialog box, click + Add.
    Note: You can also use the Component Expression - Disable 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 disabled.
  7. Click Save.
  8. Click Close.
Related topics