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.

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 behaviour 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