Flow
Category: Field
Version: 1.0
Last Updated: March 20, 2026
Author: Any2Info
General Properties
The Flow field inherits some general Field Properties such as ‘Border Color’, ‘Border radius’ and ‘Show shadow’. But the Flow field has quite some specialized properties.
Special Properties
Properties will be listed for each foldable sub-section.
General
Workflow
Workflow
The Workflow the Field has to present
Step
Step height
Number
How big the step element is, value ranging from 0 - 2147483647
Background
Color
Background color value for each step
Text color
Color
Text color value for each step
Font size
Number
Value ranging from 0 - 2147483647
Actions
Background
Color
Background color value for each action
Item background
Color
Background color value for each action item
Item text color
Color
Text color value for each action
Font size
Number
Value ranging from 0 - 2147483647
State
State height
Number
How big the state element is, value ranging from 0 - 2147483647
Background
Color
Background color value for each state
Text color
Color
Text color value for each State
Font size
Number
Value ranging from 0 - 2147483647
Use state color
Boolean
Determines whether or not the background color should reflect the current states’ color
History
History
Boolean
Whether or not the field should show the Workflow history
Action height
Number
How big the action element is, value ranging from 0 - 2147483647
Action background
Color
Background color for each History element
Use state color
Boolean
Determines whether or not the background color should reflect the current states’ color
Action text color
Color
Text color value for each History element
Row height
Number
How big the History element is, value ranging from 0 - 2147483647
User background
Color
Background color for the user section of the History element
Text color
Color
Text color value for each History element
Font size
Number
Value ranging from 0 - 2147483647
Steps
Row height
Number
How big the Step element is, value ranging from 0 - 2147483647
Steps background
Color
Background color for each Step element
Active step
Color
Background color for the currently active Step element
Inactive step
Color
Background color for currently inactive Step elements
Tips & Best Practices
Don’t use excessive values when setting things like Heights, as multiple steps or history elements may cause the field to become incredibly large
If the history of the flow is not important, disable the history entirely!
Enable the Use state color properties if you want a clear way to know what step the flow is in!
Examples
A simple, and using default properties, Flow field looks like below.
When the current step is clicked (that being “Complete”), the form will save and move on to the next step.
The options presented here are “Reject”, “Assign” and “Complete”. What they do is not important. But each represent a follow up step based on the current step as can be seen in the very rudimentary Workflow created for this example. Notice how there are 3 options in the Field and the middle step has all 3 options light blue, meaning that they are set.
If the time gear icon in the top right is clicked, we can see the history the flow has gone through. In this case it is only going from “Open” to “Intermediate Step”. But the whole history will be shown here.
If the “Use state color” property is enabled, the background colors of the steps will be given the relevant state color. As set in the States List.
Changelog
Version
Date
Change
1.0
March 20, 2026
Initial document & documentation
Last updated
Was this helpful?