Mobile UI rules

Conditional styling, visibility and behavior for input forms and card elements in the mobile experience.

Overview

Use Mobile UI Rules for specific styling and alteration to the Mobile UI. Mobile UI Rules can alter the UI for input form screens and any other screen that contains a card.

Use these rules to control the visibility of specific elements, for example:

  • Determine when an input should be visible, read-only or editable.
  • Perform an arithmetic calculation between multiple input form screen inputs.
  • Apply a styling to a specific element in mobile cards.
  • Apply TimeAgo formatting to a specific element in mobile cards.
  • Apply Date calculation on input form screen inputs.
  • Disable buttons on mobile cards based on UI Rule condition.

As an example, you can configure a start time and end time using a UI Rule. Make the end time input a calculated input, so when the end user enters start time value, an end time input is automatically populated with the calculation of start time value plus 1 hour.

Mobile UI rules