Interactions Pane

Think of the Interactions Panel as your no-code toolbox for making your app dynamic. It lets you easily control what happens when users interact with your app.

For example:

Guide users: Help users navigate to different parts of Salesforce or launch other flows directly from your app.
Provide feedback: Show quick "toast" messages to let users know if something worked or if there's an issue.
Do more: The possibilities are wide open!

How it works: When someone taps a button (or interacts with another part of your component), you use the Interactions Pane to tell the app what to do next. No coding required

This page walks you through:

Accessing the Interactions Panel

Drag an Avonni Flow Screen Component
Open the Component Builder
Click on the "Interactions" tab

How to create an Interaction

Drag an Avonni Component
Open the Component Builder
Go to the Interaction Panel
Click on the "Add Action" button for the desired type of action.
Select your Target name (ensure to have created your action first)
Select the action you want to create on the interaction

Interactions can be combined. You can define multiple interactions for the same type of action. Actions will run in the order specified.

Related

How to create a Data Table action

Actions in Avonni Components

Most of the Avonni Components allow for specific user interactions, such as:

Item Click: Activated when a user clicks on an item.
Action Click: Activated when a user clicks on an action item.
On Change: Activated when a user modifies a value

In addition to these standard interactions, some unique interactions apply only to specific components:

On Save: This action occurs when a user edits information inside the data table and saves the changes.
On Cancel: This action occurs when a user edits information inside the data table and cancels the changes.

Comprehensive Guide to Actions

The Avonni Components lets you initiate and personalize various actions within specific components. Here is a list of all available actions:

Interaction Name	Description
Flow Navigation	Think of flow navigation actions as smart traffic signals within your flow. They automatically route users to the right place based on their choices, making your flows dynamic and responsive.
Show Toast	A toast message is like a quick, helpful note on your screen. It tells you if something worked or if there was a problem, then disappears after a few seconds.
Navigate	The Navigate interaction acts like a personal guide within your app. It helps users move seamlessly between different pages or even other apps based on their actions.
Open Alert Modal	An Open Alert Modal pops up and pauses what the user is doing. It gives them important information or asks them to decide before they can continue.
Open Confirm	The Open Confirm interaction is a pop-up that asks the user to confirm an action before it goes through. This helps avoid accidental changes or deletions.
Open Flow Dialog	The Open Flow Dialog feature streamlines the user experience by embedding another Salesforce flow in a pop-up. Users don't have to navigate away from the current screen to access a related flow.
Fire Confetti	A fire confetti action is like a virtual round of applause! It bursts onto the screen when a user finishes something, adding a touch of fun and celebration.
Export To	Adding an 'Export to' button puts your users in control of their data. They can quickly get the information they need from the table and use it in other tools or for other purposes.
Update Records	The Update Records interaction makes updating information easy. Users can change records right inside the component, with no extra steps needed.
Copy Records	The Copy Records interaction lets users quickly copy data from the table to programs like Excel for further work
Refresh Query	The Refresh Query Interaction gives you more control by letting you update data queries within your Avonni Components.

Interaction Name

Description

Flow Navigation

Think of flow navigation actions as smart traffic signals within your flow. They automatically route users to the right place based on their choices, making your flows dynamic and responsive.

Show Toast

A toast message is like a quick, helpful note on your screen. It tells you if something worked or if there was a problem, then disappears after a few seconds.

Navigate

The Navigate interaction acts like a personal guide within your app. It helps users move seamlessly between different pages or even other apps based on their actions.

Open Alert Modal

An Open Alert Modal pops up and pauses what the user is doing. It gives them important information or asks them to decide before they can continue.

Open Confirm

The Open Confirm interaction is a pop-up that asks the user to confirm an action before it goes through. This helps avoid accidental changes or deletions.

Open Flow Dialog

The Open Flow Dialog feature streamlines the user experience by embedding another Salesforce flow in a pop-up. Users don't have to navigate away from the current screen to access a related flow.

Fire Confetti

A fire confetti action is like a virtual round of applause! It bursts onto the screen when a user finishes something, adding a touch of fun and celebration.

Export To

Adding an 'Export to' button puts your users in control of their data. They can quickly get the information they need from the table and use it in other tools or for other purposes.

Update Records

The Update Records interaction makes updating information easy. Users can change records right inside the component, with no extra steps needed.

Copy Records

The Copy Records interaction lets users quickly copy data from the table to programs like Excel for further work

Refresh Query

The Refresh Query Interaction gives you more control by letting you update data queries within your Avonni Components.

Last updated 7 hours ago