Version 5.1

What's New in Avonni Components for Flows

Enhance your Salesforce flows with an extra layer of protection. The new Biometric component allows users to log in securely using fingerprint or facial recognition.

How it Works:

  • Place the component in your flow. Users will be prompted for biometric authentication.

  • Success? Continue. If authentication is successful, the user can proceed to the next step you define (e.g., another screen or a specific action).

  • Security and Convenience. Protect sensitive data and streamline user logins.

Example Use Case

Add the Biometric component before a screen that displays confidential information. Only authorized users will be able to continue

Avonni Biometrics only works with the Salesforce Mobile App.

Avonni Data Table

Child Relationship Field Display

The Avonni Data Table takes related record integration further! Now, when using the Query data source, you can seamlessly incorporate information from connected records, eliminating the need to navigate between screens for a complete picture.

Example: On an Avonni Data Table displaying Opportunities, you can effortlessly add columns that reveal details from the related Accounts, such as "Account Billing Country" or "Account City."

Why you'll love this:

  • Consolidated view: View all the essential data in one centralized location, providing deeper insights into your records.

  • Time-saver: Avoid tedious tab-switching and searches for related data. Instead, spend your valuable time analyzing information, not hunting for it.

  • Streamlined workflows: Make informed decisions and updates with a broader range of data, all conveniently displayed within the Avonni Data Table.


Avonni Calendar

Resource Color Display in Filters

We've made filtering your Avonni Calendar even easier! The resource filter options show the same color coding you use in the main calendar view.

How this helps:

  • Faster filtering: Instantly recognize the resource you need by its color; there is no need to read names carefully.

  • Clearer organization: Makes it visually obvious which resources belong to which categories (especially if you use color to group similar resource types).

  • Better at a glance: Quickly grasp the distribution of resources in your calendar without opening up every event.


Have you ever used the Avonni Components CSV Parser to upload data from spreadsheets? We've added a new feature to simplify managing those files.

Introducing Save As Content Document for the CSV Parser component. When you upload a CSV file, you can save it directly as a Content Document within Salesforce. This means:

  • No more file juggling: Keep your CSV data organized and readily available alongside your other Salesforce records.

  • Easier access and sharing: You can easily find and share your uploaded CSV files. They'll be stored securely within Salesforce and accessible by authorized users.

  • Enhanced document management: For your CSV files, benefit from Salesforce's robust document management features, like version control and permission settings.

Save As Content Document streamlines your work by simplifying how you store and manage data uploaded through the CSV Parser component.


Avonni Record Detail: Collapsed Sections Stay That Way

We've made working with the Avonni Record Detail component even smoother. Now, your users can collapse or expand any section within the component, and their choices will be saved even if the page refreshes.

This change is automatic - no setup is needed!


Avonni Slider

The Slider component can now easily create eye-catching gradient backgrounds for the Sliders. This means:

  • More engaging interfaces: Avoid plain backgrounds. Use gradients to add depth, highlight a color scheme, or make your Sliders more visually appealing.

  • Customization options: Experiment with color combinations and gradient directions to find a style that perfectly matches your design vision.

Easy to implement: The Style Editor lets you configure the gradient background with a few clicks.


Avonni Button Menu

Two additions have been made to the Button Menu component:

  1. "Value" Attribute: Each menu item can store a hidden value behind the scenes. This lets you track the selected item and use that information to trigger different actions in your flow.

  2. "Disabled Menu Items": Easily disable specific menu items based on certain conditions. This is great for guiding users, preventing unavailable options from being chosen, or dynamically changing the menu based on user input.


Style Editor Update

The Style Editor just got even more powerful! Now, you can use flow variables to control the colors of text, borders, and backgrounds within your Avonni Components.

Why is this interesting?

  • Data-driven design: Make your UI change visually in response to information within your flow. For example, highlight priority levels with different colors or draw attention to changing values.

  • Adaptable interfaces: Create components that adjust their look based on user input or system conditions. This reduces the need for multiple versions of components.

  • Engaging user experience: Add a touch of visual responsiveness that makes your flows more interactive and informative.

How does it work?

  1. Choose the element (text, border, background) within the Style Editor to change dynamically.

  2. Select the "Bind to Variable" option and choose a flow variable that contains a color value.

  3. As your flow runs and the variable value updates, the component's color will automatically change to match.


What's New in Avonni Components for Experience Cloud Sites

New Component: Button Group

We are introducing the new Button Group component! This handy tool helps you streamline your Experience Cloud interfaces.

What does it do?

  • Tames button clutter: It groups related actions in a neat, compact unit, making your pages easier to scan and navigate.

  • Visually links actions: Makes it clear to users that these buttons belong together.

  • Flexible design: Customize spacing, colors, and more to match your website's style perfectly.

When to use it:

  • Group similar actions (ex: "Save", "Cancel", "Edit")

  • Present different choices to the user in a structured way


Avonni Accordion Section

Get more control over the look of your Accordion Sections! We've added two new customization features:

  1. Customizable Icon Backgrounds: Add an extra touch of style by directly setting the background color of your Accordion icons. Match them to your color scheme, or use contrasting colors to make the icons pop.

  2. Flexible Icon Placement: Choose whether you want your Accordion icons positioned to the left or right of the header text. This lets you tailor the layout to fit your design and content best.

Why you'll like it:

  • Improved readability: Align icons to complement your content.

  • Enhanced design: Create a more visually cohesive experience by integrating Accordion icons seamlessly into your overall theme.


Copy/Paste Style Properties

We've introduced a new feature for customizing styles in your Experience Cloud Sites! You can now easily copy and paste style properties between components.

This means:

  • Achieve visual consistency faster: Replicate the exact look (colors, fonts, etc.) from one component to another in a few clicks. This is perfect for ensuring a unified look across your site.

  • No more repetitive tweaking: Say goodbye to manually adjusting the same styles on multiple components. Copy once, paste many times!

  • Simplified design process: Streamline your site creation or updates. Focus on content and layout, not on endlessly repeating style settings.

How to use it:

  1. Find the desired component with the styles you want to copy.

  2. You'll see the option to Copy Style Properties in its Appearance settings.

  3. Go to the target component and Paste Style Properties in its Appearance settings.


Data Table Update

Unlock Your CMS Content Within Data Tables

The Data Table component lets you directly connect to your CMS Collections, making it incredibly easy to display your website content in a structured way.

Why this is great:

  • Showcase CMS-managed content: Display blog posts, product listings, news articles – any content stored in a CMS Collection can be pulled into your Data Tables.

  • Dynamic updates: Keep your website fresh! The Data Table will automatically reflect the changes when you update your CMS Collection.

  • Flexible design: The Data Table lets you customize how your CMS content is presented, ensuring it seamlessly blends into your website's look.

How to use it:

  1. In the Data Table settings, select "CMS Collection" as your data source.

  2. Choose the specific CMS Collection you want to display.

This integration lets you present valuable CMS content on your Experience Cloud Sites.

Last updated