Skip to content

Refactor: Update Wait Action for clarity and conciseness #419

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Open
wants to merge 1 commit into
base: main
Choose a base branch
from
Open
Changes from all commits
Commits
File filter

Filter by extension

Filter by extension

Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
23 changes: 7 additions & 16 deletions docs/resources/control-flow/time-based-logic/wait-action.md
Original file line number Diff line number Diff line change
Expand Up @@ -9,22 +9,13 @@ keywords: [Wait Action, Time-Based Logic, FlutterFlow]

# Wait [Action]

**"Waiting"** on an action or function is a fundamental concept in time-based logic, allowing developers to introduce intentional pauses within a sequence of actions. This is also known as delaying execution of logic, where the execution of a sequence of actions is paused for a specified period. This action is particularly useful when there is a need to synchronize events, manage the timing of operations, or ensure that certain conditions are met before proceeding further in a workflow.
The **Wait** action is used to pause the execution of a workflow for a specific amount of time. This is helpful when you want to delay the next step in a sequence, for example, to synchronize events, allow animations to complete, or ensure a condition is met before continuing. It’s a key concept in managing time-based logic within action flows.

## Delayed Execution of Logic
Delaying execution of logic involves pausing the execution of a sequence of actions for a specified period. This is useful when you need to introduce a time delay before proceeding to the next step in a workflow or process.

## Use-cases

- When you need to wait for a certain condition to be met (e.g., waiting for data to load or a
user to complete an action).
- To create pauses between actions for better user experience (e.g., displaying messages
sequentially).
- Waiting before performing an animation.

## How to?

To implement a Wait Action in your Action Flows, follow this simple tutorial:
:::tip[Possible use cases]
- **Show Splash Screen:** Delay the transition to the next page to allow the splash screen to be visible for a few seconds.
- **Step-by-Step Tutorials:** Introduce timed delays between steps to guide users through a tutorial or onboarding flow.
- **Chain Animations:** Add pauses between multiple animations for a more fluid and organized visual effect.
:::

<div style={{
position: 'relative',
Expand All @@ -33,7 +24,7 @@ To implement a Wait Action in your Action Flows, follow this simple tutorial:
width: '100%'
}}>
<iframe
src="https://demo.arcade.software/ou0tecrBVViOqy74U9nE?embed&show_copy_link=true"
src="https://demo.arcade.software/84gU4TTmjwX3STESd5z9?embed&show_copy_link=true"
title=""
style={{
position: 'absolute',
Expand Down