Skip to content

Plan Icon Creator

UI Dynamics#

UI Dynamics allow you to change UI elements dynamically while using the UI.

Settings#

  • Element to change*: The element you want to change
  • Operation: Set value, Copy value and Animate*
  • Conditions: List of condition which decide when the dynamic should be applied, if no conditions the dynamic will be applied on every change
  • Value: The value you want to set when using Set value* operation
  • Source element: The element you want to copy the value from when using Copy value* operation
  • Animation: The type of animation you want to apply when using Animate* operation

Calculations#

You can set calculations when the Operation is Set Value and the Element to change is of type Number.

Functions: SUM, MIN, MAX, AVG

Examples:

  • SUM(number_element): "number_element" is an element reference
  • SUM(number_element,100)
  • MAX(number_element_1, 100, number_element_2)
  • MIN(number_element, 0)
  • AVG(number_element)
  • AVG(number_element_1, 100, number_element_2)

The calculation works great in a combination with Repeat Group elements.

Set Values for Selection Elements#

Dynamics can set the value of a Selection element. For a single selection, the Dynamic can provide one option value. For multiple selection, it can provide a list of option values.

Selection element value controlled by Dynamics

The value is handled consistently as a selection value, so Dynamics that set a Selection element work whether the source returns one value or several values.

Tips#

You can use Dynamics to set values for Nested UI Components which can be used with UI Loop node in the Flow Designer

Important! Changing the structure of a UI can influence the behavior of UI Dynamics. If you are moving an element that is affected by UI Dynamics inside a group, for example, the Dynamic for this element might no longer work. Please always check/test your Dynamics after making structural changes to your UI.

See UI Designer