What's New

Avonni Flow Screen Components 3.1

Welcome to version 3.1! This release brings exciting new features and important fixes to our Screen Components.

Introducing Version 3.1: Enhancing User Experience With Advanced Screen Components

We are excited to announce the release of our latest version, 3.1, which brings exciting new features and vital fixes to our Avonni Components for Salesforce Flows. Let’s dive in to explore what's new!

Updated Features


In this update, we’ve added a line-clamp styling hook to content for alerts. This enhancement will help you maintain neat, clean, and reader-friendly alerts. 

Better Button Group Management

Your control over the Button Group component has improved! With the new features, you can disable and hide specific buttons. It helps you handle complex user interactions more effortlessly, making your interfaces more intuitive and user-friendly.

A More Interactive Calendar

Enhanced Avonni Calendar Flow Screen Component: We're thrilled to unveil the latest updates to our Avonni Calendar Flow Screen Component for Salesforce Flows. Designed to streamline your calendar navigation and event management, the updates introduce filtering and searching capabilities into the mix.

Let's take a closer look at these enhancements:

  • Filter Function: The new filter functionality provides you with a powerful tool to customize the view of your calendar. With this feature, you can tailor the calendar to display only the events, appointments, or deadlines relevant to you.
  • Search Capability: Along with filtering, we've also incorporated a search functionality into the Calendar component. This powerful tool helps you quickly locate specific events or appointments based on search criteria, such as the event's title, location, or attendees.

Data Table - New Features

The Data Table component saw multiple updates in this release:

  • Search Queries on Specified Fields: This feature allows users to perform search queries on specific fields in the underlying dataset, even if they are not visible in the table view. It makes it easier to dig into large datasets and retrieve precise information quickly.
  • Display Errors in the Footer: To provide better error management, we've added a feature to display errors in the footer of the Data Table. It keeps your table view clean and focuses your attention right where it's needed when issues arise.
  • Hidden Property to Columns: Add a hidden property to your columns for a more flexible data display. This feature will come in handy when you want to store data that is not necessary for display but is important for calculations or reference.
  • DefaultSearchValue Attribute and Lookup Type: DefaultSearchValue Attribute and Lookup Type: We've added two new features to improve your experience with data tables. First, the 'defaultSearchValue' attribute lets you set a predefined search term in your tables. This means that when the data table loads, it will automatically start searching using this specified term.

    Second, we've introduced a new data type called 'Lookup'. This allows for automatic linking between data in your table and the corresponding lookup record name, enhancing the ease of data navigation.

Image Interactivity

Revolutionizing Image Interactions: Gone are the days when images were static elements of your application. We've redefined the way you interact with images with two exciting features.

Firstly, we've launched the Image Magnifier, a new tool that empowers users with the ability to zoom in on images. This feature offers three distinct zoom modes for tailored user experiences:

  • Inner Zoom: This mode zooms within the original frame of the image, allowing you to focus on details without altering the image's size on your screen.
  • Standard Zoom: This mode enlarges the image beyond its original frame, letting you take a closer look at the details that matter most.
  • Follow Zoom: With this mode, as you move your cursor across the image, the zoom follows. It creates an interactive and immersive exploration of the image's details.

The second key feature we've introduced is the Image Comparison Slider. This tool takes the comparison of images to a whole new level by enabling users to place two images side by side. The slider functionality allows users to control the reveal of each image, offering a dynamic way to contrast and compare. Whether you're tracking changes over time, comparing similar items, or simply providing a before-and-after view, this feature provides a straightforward, visual way of highlighting differences and similarities.

More Customizable Lists

We're excited to introduce a whole host of feature enhancements to the Avonni List Component, designed to maximize readability, interaction, and ease of navigation.

Firstly, we've introduced a feature to add headers to your lists. No longer do your lists need to be a simple series of items. With headers, you can easily label and identify sections within your lists, improving your list's structure and readability. This is particularly useful for long lists or lists with diverse categories of items, as it helps users quickly understand and navigate through the information.

Next, we've introduced the 'card' option for dividers. The traditional list view presents items in a linear, continuous flow. With the new 'card' option, you can now segregate items into individual 'cards', creating visually distinct sections for each item in your list. This greatly improves the clarity of your lists and aids users in focusing on individual list items.

In addition, we've implemented the infinite loading feature. With this, as users scroll down the list, new items will automatically load.

Finally, we've introduced the ability to add unique fields to each list item in Salesforce. With this feature, every item in your list can carry a wealth of specifics.  This enhancement allows for a more granular view of your lists, offering Salesforce users an enriched browsing experience that provides comprehensive insights at a glance.

In summary, our list component now offers a variety of ways to organize, present, and interact with list items, making lists not just a static display of items but a rich, interactive, and easy-to-navigate component.

Formatted Value

Lookup Type: Following the update in the Data Table, we added the new "Lookup" type to Formatted Value to maintain consistency across components.

Progress Indicators

Progress indicators now allow variables for completed and error steps. It gives users a clear picture of their progress, enhancing the overall user experience.


We've also made some fixes to enhance usability:

Data Picker

The Data Picker now uses the user's timezone. This feature ensures the date and time information is accurate and relevant to the user's locale.

Data Table

We've improved the Data Table usability by hiding non-filterable columns, resulting in a cleaner user interface. Plus, filtering for picklist fields will show all picklist values by default, speeding up your data filtering process.


We've updated the Avonni Flow Screen Components for Salesforce Flows and value your feedback. We aim to continually refine user experience. Feel free to the new features and provide feedback on our roadmap website. There, you can also view upcoming features.

Your suggestions on our roadmap site guide our updates. We appreciate your input in shaping Avonni's future. Stay tuned for further enhancements.

>> Explore the
Avonni Flow Screen Components 3.1

Build Salesforce Solutions Faster

Save time, reduce costs, and see your Salesforce projects come to life faster.