> For the complete documentation index, see [llms.txt](https://manual.bubble.io/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://manual.bubble.io/~/changes/lkknp2T2KBasv7RmhMhx/help-guides/getting-started/navigating-the-bubble-editor/tabs-and-sections/workflow-tab.md).

# Workflow tab

The workflow[^1] tab is where you set up events and actions to instruct Bubble what to do as the user interacts with your app, such as what happens when a button is clicked.

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

A workflow is a combination of an *event* (which triggers the workflow) and one or more *actions* (which tells Bubble what to do when that event occurs). For example, the click of a button (event) can lead to creating a new thing in the database (action).

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

Workflows are displayed as squares, and clicking one will display the actions within that workflow.&#x20;

Article series: [Workflows](/~/changes/lkknp2T2KBasv7RmhMhx/help-guides/logic/workflows.md)

## Workflow inspector

Whenever you select an event or an action, the workflow inspector will be displayed. This shows the relevant settings for the object you have selected.

<figure><img src="/files/78lGXToHNaWXrnSH6lxY" alt="" width="375"><figcaption></figcaption></figure>

In the above example we have selected a *Make changes to* action, and the workflow inspector shows the relevant settings available for this action. This is where you specify what that action does. In this case we are changing the name of the current user to John Doe.

## Workflow folders

Workflows can optionally be placed into folders. This is only for organizational purposes and does not affect the functioning of the workflow in any way.

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

## Workflow colors

Workflows can be assigned colors. This is only for organizational purposes and does not affect the functioning of the workflow in any way.

## Workflow tree

Underneath the workflow folders is the *Workflow tree*. This lists your workflows in a hierarchical manner. Clicking an event will expand it and show its actions.

## Searching for events and actions

<figure><img src="/files/tpolJQ0ksiweddS5zGN4" alt="" width="375"><figcaption></figcaption></figure>

Using the dropdown next to the page selection dropdown you can select and search for both events and actions. Clicking an event or action in the dropdown will take you to it in the workflow editor.

## Other ways to learn

<details>

<summary>Related articles</summary>

* Article series: [Workflows](/~/changes/lkknp2T2KBasv7RmhMhx/help-guides/logic/workflows.md)
  * Article: [Events](/~/changes/lkknp2T2KBasv7RmhMhx/help-guides/logic/workflows/events.md)
  * Article: [Actions](/~/changes/lkknp2T2KBasv7RmhMhx/help-guides/logic/workflows/actions.md)

</details>

<details>

<summary>Core reference</summary>

* [The workflow tab](/~/changes/lkknp2T2KBasv7RmhMhx/core-resources/bubbles-interface/workflow-tab.md)
* [List of events](/~/changes/lkknp2T2KBasv7RmhMhx/core-resources/events.md)
* [List of actions](/~/changes/lkknp2T2KBasv7RmhMhx/core-resources/actions.md)

</details>

[^1]: A *workflow* is the combination of an *event* that triggers one or more *actions*.\
    \
    They are how you instruct Bubble to respond to what the user does.

    \
    Article: [Workflows](/~/changes/lkknp2T2KBasv7RmhMhx/help-guides/logic/workflows.md)