Delay Interaction
Overview
The Delay Interaction Component is a powerful tool for controlling the timing and flow of your user interfaces. It lets you pause a screen for a specific amount of time before automatically moving on to the next screen. This is helpful for:
Creating visual transitions: Add a brief pause to allow a loading animation to complete or a message to be read before the next screen appears.
Simulating real-world processes: Mimic actions like a file upload, data processing, or a network request that takes time to finish.
Improving user experience: Give users a moment to absorb information or prepare for an action before the interface changes.
How it works
Drag and drop: Place the Delay Interaction Component onto the screen where you want the pause to occur.
Set the delay time: In the component's properties, enter the duration of the pause in milliseconds (1000 milliseconds = 1 second).
(Optional) Add interactions: If you want specific actions to happen after the delay, you can define these using the interactions panel. For example, you could show a confirmation message, trigger an animation, or navigate to a different part of your app.
Example use cases
Splash screen: Show your app's logo for a few seconds while it loads.
Onboarding flow: Give users a moment to read instructions before asking them to interact.
Progress indicator: Display a loading bar while a task is being completed.
Interactive tutorials: Pause between steps to allow users to follow along.
Form validation: Briefly display an error message before clearing a form field
Tutorials
| Name | Description |
|---|---|
Learn to celebrate user milestones with confetti in Salesforce Flow! | |
Learn to subtly initiate flow dialogs using the invisible Delay Interaction component for smoother, cleaner user experiences. |
Specifications
Attributes
| Name | Type | Description |
|---|---|---|
Delay (Milliseconds) | String | The delay in milliseconds before proceeding to the next screen. |
Show Loading | Boolean | Define if a loading spinner should be displayed. |
Events
No events are available
Styling hooks
No Styling hooks are available
Last updated