# 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

| Name     | Value    | Explanation                           |
| -------- | -------- | ------------------------------------- |
| Workflow | Workflow | The Workflow the Field has to present |

#### Step

| Name        | Value     | Explanation                                                    |
| ----------- | --------- | -------------------------------------------------------------- |
| 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

| Name            | Value     | Explanation                                 |
| --------------- | --------- | ------------------------------------------- |
| 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

| Name            | Value   | Explanation                                                                             |
| --------------- | ------- | --------------------------------------------------------------------------------------- |
| 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

| Name              | Value   | Explanation                                                                             |
| ----------------- | ------- | --------------------------------------------------------------------------------------- |
| 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

| Name             | Value  | Explanation                                                    |
| ---------------- | ------ | -------------------------------------------------------------- |
| 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.

<div align="left"><figure><img src="/files/rMWOWQwB2vpHG3jAtMVa" alt=""><figcaption></figcaption></figure></div>

When the current step is clicked (that being “Complete”), the form will save and move on to the next step.

<figure><img src="/files/LT0dvfONCf486QsRZ6tK" alt=""><figcaption></figcaption></figure>

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.

<figure><img src="/files/6wSdnEYOukKUzy4euseq" alt=""><figcaption></figcaption></figure>

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.

<div align="left"><figure><img src="/files/iUb1l2Zci6Od4lQQ3dYH" alt=""><figcaption></figcaption></figure></div>

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**.

<div align="left"><figure><img src="/files/xhozCauCMxM2ekrfc5yP" alt=""><figcaption></figcaption></figure></div>

***

### Changelog

| **Version** | **Date**       | **Change**                       |
| ----------- | -------------- | -------------------------------- |
| 1.0         | March 20, 2026 | Initial document & documentation |


---

# Agent Instructions: Querying This Documentation

If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.

Perform an HTTP GET request on the current page URL with the `ask` query parameter:

```
GET https://academy.any2info.com/any2info-academy/no-code-platform/app-studio/application-design/forms/fields-toolbox/specials-and-support/flow.md?ask=<question>
```

The question should be specific, self-contained, and written in natural language.
The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.

Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.
