Controlling element visibility

Most UI elements provide a Visible If condition that defines under which conditions an element is visible in general. The condition usually is dependent on the data that is being shown. For example:

  • data.id: only show the element if it has an ID. In the context of IAM, the element has an ID if it exists on the server. In contrast, when adding a token with the default UI, the token first only exists in the browser until it is saved for the first time. Up to this point, the element does not have an ID.
  • !data.id: the opposite of the above statement
  • data.id && data.attributes.enabled === true: the element must have an ID and the attribute 'enabled' must be set to 'true'.