Interactions Pane

The Interactions Panel helps you create guided visual experiences for your users —navigate in Salesforce, launch another flow, show a toast message, and more—without writing code.
For example, when a user taps on a Button, the action that should be performed can be specified from the Interactions Pane.

Accessing the Interactions Panel

  1. 1.
    Drag an Avonni Flow Screen Component
  2. 2.
    Open the Component Builder
  3. 3.
    Click on the "Interactions" tab

How to create an Interaction

  • Drag an Avonni Flow Screen 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.

Common & Component-Specific Triggers

Most of the Avonni Flow Screen Components can trigger actions on:
  • Item Click: Handles when the user clicks on an item.
  • Action Click: Handles when the user clicks on an action item.
  • On Change: Handles when the user makes a change on a value.
Apart from these common types of action, there are a few more action types that can be applied only to some specific components:
  • On Save: This can be applied on a Datatable component. The action will be called when the user edits information inside the datatable and save the changes.
  • On Cancel: This can be applied on a Datatable component. The action will be called when the user edits information inside the datatable and cancel the changes.

Comprehensive Guide to Actions

Avonni Flow Screen Component Library allows you to trigger and customize various Actions on specific Avonni Flow Screen Components. Here is a list of all the available actions:

1. Flow Navigation

The flow navigation action refers to how users move through your flow screens by following a pre-determined path or making decisions based on the information they have entered. This can include branching logic, loops, and the ability to jump to different screens based on user input or other criteria.
Type of Flow Navigation available:
  • Next Screen
  • Previous Screen
  • Pause
  • Finish

2. Show Toast

A toast message is a small pop-up notification on the screen to inform users of the result of an action they have taken. Toast messages are typically used to confirm that an action has succeeded or provide a brief error message if something goes wrong.
Toast messages can be customized by setting a variant and/or a mode.

3. Navigation

To navigate the end-user anywhere on your Salesforce org.

4. Open Alert Modal

The Open Alert Modal interaction is a user interface feature that displays a pop-up alert window when triggered. It typically communicates important information, warnings, or confirmations to the user. The modal may include text, buttons, or other elements to guide users in taking appropriate actions or acknowledging the displayed message.

5. Open Confirm

The Open Confirm interaction is a user interface feature that displays a confirmation dialog when triggered. It seeks user approval before executing a particular action, preventing unintended changes or deletions. The confirmation dialog usually contains a message and buttons for users to accept or decline the proposed action.

6. Open Flow Dialog

The Open Flow Dialog interaction is a user interface feature that presents a flow within a pop-up dialog when triggered. This approach allows users to interact with and complete a specific flow without leaving the current context. The dialog typically consists of flow elements, such as screens or forms, and may include buttons for navigation or submission, providing a focused and streamlined user experience.

7. Fire Confetti

A fire confetti action is an animation that simulates the appearance of confetti being thrown or launched into the air. This animation is triggered by a specific user action, such as clicking a button or completing a task. The fire confetti action aims to provide the user with a celebratory and visually pleasing experience, indicating that they have accomplished something or achieved a goal.

8. Export To

The "Export to" interaction is a feature designed for the Avonni Data Table. This interaction enables users to seamlessly export data from the data table, including selected data if desired, into standard file formats such as .xls (Excel) or .csv (Comma Separated Values).
By incorporating the "Export to" interaction in your data table, you can improve the user experience and extend the functionality of the Avonni Data Table. Users can quickly export data from the table for further analysis, sharing, or archiving purposes.

9. Update Records

The Update Records interaction is available on the Avonni Data Table component that allows for record updating directly within the component itself. This functionality eradicates the need for a separate update records element in your flow, streamlining your build process and making it more time-efficient. Fields marked as editable are automatically updated by this interaction.

10. Copy Records

The Copy Records interaction is allowing end-users to select and replicate data from the records within the Data Table. This feature supports easy data transfer to applications such as Excel. Copied data can be effortlessly pasted into an Excel sheet, facilitating quick and straightforward data analysis, sharing, or backup.