LogoLogo
HomepageYouTube ChannelInstall from the AppExchange
Flows & Experience Sites
  • Home
  • Dynamic Components
  • Flow Components
  • Experience Components
  • Projects
Flows & Experience Sites
  • What's New - Version 6.3
  • March 2025
    • Version 6.2
  • January 2025
    • Version 6.1
  • Archives
    • 2024
      • Version 6.0
      • Version 5.6
      • Version 5.3
      • Version 5.2
      • Version 5.1
      • Version 5.0
      • Version 4.4
      • Version 4.2
    • 2023
      • Version 4.1
      • Version 4.0
      • Version 3.5
      • Version 3.4
      • Version 3.1
      • Version 3.0
      • Version 2.5
      • Version 2.4
      • Version 2.3
      • Version 2.2
      • Version 2.1
      • Version 2.0
      • Version 1.5
    • 2022
      • Version 1.4
      • Version 1.3
      • Version 1.2
      • Version 1.1
      • Version 1.0
  • Related Content
    • Releases Process
    • Documentation center
    • AppExchange Page
Powered by GitBook
LogoLogo

Company

  • About Us
  • Pricing

Policies

  • Privacy Policy
  • Terms of Service
On this page
  • What's New in Avonni Components for Flows
  • New Open Flow Panel Interaction
  • New "Refresh All Queries" interaction
  • New Interaction: Streamline Actions with "Open Quick Action"
  • Avonni Map - Introducing Leaflet Maps
  • System Mode for Query Data Source
  • Data Table Enhancements
  • Avonni Video - Vimeo Support
  • Visual Picker - Add Query Data Source support
  • What's New in Avonni Components for Experience Cloud Sites
  • Record Detail Enhancement: Design Your Own Layout
  • See Avonni Components 5.3 in Action!

Was this helpful?

  1. Archives
  2. 2024

Version 5.3

July 5, 2024

Last updated 10 months ago

Was this helpful?

What's New in Avonni Components for Flows

Introducing the Open Flow Panel interaction, a new way to embed flows directly into side panels of supported Avonni Components. This feature helps you create more streamlined and engaging user experiences by:

  • Refreshing data dynamically: Keep information up-to-date across multiple flows.

  • Managing sections more easily: Simplify complex layouts and overcome nesting limitations.

  • Optimizing screen space: Present information and actions without cluttering the main view.

  • Enhancing user experience: Provide a smooth and intuitive way for users to interact with multiple flows.

Combine the Open Flow Panel with the versatility of Avonni components to build custom interfaces that fit your unique business needs.


We're introducing the Refresh All Queries interaction! This powerful interaction instantly updates all the Avonni Components configured with the Query Data Source on your screen flow or page, ensuring that your users always see the latest information.

How It Works

Imagine a scenario where you have an Avonni Metric component showing key sales statistics. When a user updates opportunity data using an Avonni Data Table, the Refresh All Queries interaction allows the Metric component to automatically refresh and display the updated figures without manual intervention. This creates a seamless and dynamic user experience.


The new "Open Quick Action" interaction lets you easily trigger Salesforce Quick Actions directly from your Avonni components. For example, you could add a button to a Data Table that opens the "Send Email" Quick Action for selected contacts.


We've added support for Leaflet Maps to the Avonni Map component! Leaflet is a powerful open-source JavaScript library that enables more interactive and customizable maps than Google Maps.

Key Benefits of Leaflet Maps:

  • Dynamic Filtering: As users zoom or scroll, the map automatically updates to show only relevant markers, creating a more engaging user experience.

  • High Performance: Leaflet can smoothly handle many markers without slowing down, making it ideal for dense maps.


We've added a System Mode option for the Query Data Source. This feature is beneficial when you embed a flow containing Avonni components with Query Data Sources into an Experience Cloud Site.

Why System Mode?

System Mode ensures that guest users can see all the data they're supposed to in your embedded flows. This is important because, without System Mode, guest users might have limited access due to their permissions. By enabling System Mode, the query bypasses user-specific permissions and fetches data based on the permissions of the Salesforce system user.


Data Table Enhancements

Edit and Preview Imported Data Before Saving to Salesforce

Now, you can use the Avonni Data Table even if the data doesn't exist in Salesforce yet. This is perfect for scenarios like importing data from a CSV file, where you might want to review and edit the imported data before creating new records in Salesforce.

Picklist Values Now Filtered by Record Type

The Data Table picklist fields will automatically display the correct values based on users' viewing or editing record type.

Option to Always Show Save/Cancel Buttons During Editing

We've added a new "Always Display the Bottom Bar" setting for the Data Table. When enabled, the Save and Cancel buttons at the bottom will always be visible, even when not actively editing a row. This works in the standard view and when "Display as Input" is enabled.

You can now easily embed and play Vimeo videos directly using the Avonni Video Player component.


Visual Picker - Add Query Data Source support

The Avonni Visual Picker now supports the Query Data Source.


What's New in Avonni Components for Experience Cloud Sites

The Record Detail component now lets you create custom layouts! You can choose which fields to show and arrange them however you like.

See Avonni Components 5.3 in Action!

Want to see these exciting new features in action? Watch the readiness live event hosted by Cedric, our product expert, as he dives deep into the capabilities of Avonni Components 5.3.

New Interaction:

Avonni Map -

Open Flow Panel interaction in action
Custom Layout Editor for the Avonni Record Detail component in Experience Cloud
New Open Flow Panel Interaction
New "Refresh All Queries" interaction
Streamline Actions with "Open Quick Action"
Introducing Leaflet Maps
System Mode for Query Data Source
Avonni Video - Vimeo Support
Record Detail Enhancement: Design Your Own Layout