> For the complete documentation index, see [llms.txt](https://docs.jetadmin.io/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://docs.jetadmin.io/user-guide/design-and-structure/components/layouts/overlays/building-dynamic-workflows.md).

# Building dynamic workflows

Modals support adding custom actions, giving you the flexibility to build interactive workflows.

To add a notification, when opening the Modal, follow the steps:

1. Click on the `Customize Modal` button
2. Go to the **Actions Tab**
3. Click on the `Open Action` to specify it
4. Click on the `Show Notification` to show a notification when opening a Modal
5. Specify the **Title** of the Notification
6. Choose the **Display Color** of the Notification

{% @arcade/embed flowId="5kcGBSNRL5iC6lQsg14N" url="<https://app.arcade.software/share/5kcGBSNRL5iC6lQsg14N>" %}

To add a notification, when closing the Modal, follow the steps:

1. Click on the `Customize Modal` button
2. Go to the **Actions Tab**
3. Click on the `Close Action` to specify it
4. Click on the `Show Notification` to show a notification when closing a Modal
5. Specify the **Title** of the Notification
6. Choose the **Display Color** of the Notification

{% @arcade/embed flowId="5Vt4BeFqFwxsPTdCWdyy" url="<https://app.arcade.software/share/5Vt4BeFqFwxsPTdCWdyy>" %}

You can define variables in your app and seamlessly pass them into modals to populate dynamic content and behavior.

To add a variable to your modal, follow the steps:

1. Click on the **Variables** tab
2. Click on the `Create Global Variable` button
3. Select `Stored Global Variable`
4. Change the **data type** of the variable
5. Add a **Default value** for the variable
6. Click on the `Create` button

{% @arcade/embed flowId="zm0QUyQlojPFhVPyfCje" url="<https://app.arcade.software/share/zm0QUyQlojPFhVPyfCje>" %}

1. Now, let's open the Modal to add a variable to it
2. Choose the Modal you want to add the variable to&#x20;
3. From the right menu, click on the Add Field button
4. Click to Add a new Computed Field
5. Specify the value of the variable
6. Choose the created global variable

{% @arcade/embed flowId="JLhhuHo7zvLMFKdONhEq" url="<https://app.arcade.software/share/JLhhuHo7zvLMFKdONhEq>" %}


---

# Agent Instructions
This documentation is published with GitBook. GitBook is the documentation platform designed so that both humans and AI agents can read, navigate, and reason over technical content effectively. Learn more at gitbook.com.

## 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, and the optional `goal` query parameter:

```
GET https://docs.jetadmin.io/user-guide/design-and-structure/components/layouts/overlays/building-dynamic-workflows.md?ask=<question>&goal=<endgoal>
```

`ask` is the immediate question: it should be specific, self-contained, and written in natural language.
`goal` is optional and describes the broader end goal you are ultimately trying to accomplish on behalf of the user. GitBook uses it to tailor the answer towards what is most useful for that goal.

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.