2025
Last updated
Was this helpful?
Dynamic Components
Last updated
Was this helpful?
This page lists all updates and changes to our Avonni Components documentation. Please check back regularly for the latest updates.
Based on your feedback, we're continually improving our documentation. Thank you for helping us make Avonni Components even better.
New Tutorial: : Learn to customize the appearance of cells in your Avonni Data Tables within Dynamic Components. This tutorial shows you how to apply consistent styles to an entire column or implement powerful conditional styling, where a cell's appearance (like its background color) changes dynamically based on the data in its row.
New Dynamic Tutorial Project: : Discover how to create a fast and focused "Quick Lead Capture" form using Avonni Dynamic Components. This project guides you through building a form with essential fields that can be placed directly on a Salesforce Home or App Page. You'll learn to use Record Variables, the Fields Tab for easy drag-and-drop input fields, and the "Create Record" interaction to save new leads to Salesforce—all without writing any code.
New Dynamic Tutorial Project: : This new tutorial teaches you to build a no-code record edit form specifically designed to be launched within a modal or side panel. It focuses on using the "On Load" interaction to pre-load a specific record's data based on a passed-in Record ID, a crucial technique for components that need to fetch data when opened by an interaction.
Content Page: We've added a comprehensive documentation page for the Debug Details Panel. This powerful feature, available in the Avonni Component Builder's Preview Mode, allows you to interactively test your Dynamic Component by simulating input values and inspecting output values in real-time, all without needing to deploy your component.
Documentation Page: A dedicated documentation page is now available for the Avonni Flow component. This component enables you to seamlessly embed and run Salesforce Screen Flows directly within your Dynamic Component's layout
We've significantly updated the documentation page for the LWC Container component. The content is now more explicit and easier to understand, featuring practical code snippets and concrete use examples to help you fully grasp how to configure and utilize this powerful component within the Avonni Dynamic Components App.
We've added a new documentation page for the Avonni PDF Viewer component. This component allows you to embed and display PDF documents directly within your Dynamic Components on Salesforce Lightning Pages.
We've added a new documentation page for the Avonni Camera component. This component allows users to capture images directly using their device's camera from within an Avonni Dynamic Component on Salesforce Lightning Pages.
We've added a new page that explains how Avonni Dynamic Components are stored within Salesforce and how to deploy them across your different Salesforce environments. Key points include:
Overview of portable and straightforward deployment.
Explanation of how components are stored natively on the Salesforce platform.
Information on using standard Salesforce deployment tools.
We've added a new documentation page for the Pivot Table component. This component enables you to summarize and analyze data in a clear and interactive format. It enables users to quickly rearrange and reaggregate data, offering various perspectives and insights. The documentation explains how to configure the component, define rows, columns, and values, and customize its appearance.
We've added a new documentation page for the Relationship Graph component. This component provides a powerful and intuitive way to visualize connections and hierarchical relationships between Salesforce records directly on your Lightning Pages. Go beyond simple lists and see how your data truly connects.
We've reorganized and expanded the "Learn the Basics" page into a new, comprehensive section titled "Understanding the Essentials." This section provides detailed information on key concepts for using the Avonni Dynamic Components App.
New sub-pages include:
The "Fields" content page has been updated for improved clarity. We've added more information and examples on how to save information when using fields with record.
New Content Pages:
Refactored Content Pages: The following pages have been revised for improved accuracy and clarity:
Key features and benefits explained:
Leverage custom UI components built by developers.
Combine Avonni's no-code data configuration with the flexibility of custom LWCs.
Use standard Avonni features (filtering, search, pagination) with any custom LWC.
Detailed information on:
Adding and configuring the Data LWC Container.
Setting up the data source (Query or Variable).
Connecting to a custom LWC.
Using standard Avonni features.
Style the container.
Visibility settings.
Example use case: Visualizing project tasks with custom interactive cards.
Important considerations:
Requires a custom LWC.
LWC developer responsibilities.
Scrolling and performance.
This component enables you to utilize custom LWC solutions for specific UI requirements, while leveraging the Avonni builder for overall structure and data management.
Explore our comprehensive documentation to get started with Avonni Dynamic Components:
Please note that this new documentation site is continuously being updated. In the coming days, expect to see more content and resources added.
: We've updated the CRUD Interaction page to improve clarity and provide a more practical understanding of its use. The page now features a realistic use case and clearer explanations.
: The Target Page Name page content has been revised to emphasize the importance of this setting when building Avonni Dynamic Components. It now clearly explains the two methods for setting a target page object name.
New Section: ""
: Learn how to enable data export functionality in your Avonni Data Tables.
: Find instructions on dynamically changing badge colors in your Avonni Data Tables based on formula field results.
On Load Information Page Refactor: We've updated the to improve clarity and readability. The page now includes a clear example that demonstrates the power and functionality of this feature.
New Tutorial Project: : A new tutorial project is available, guiding you through creating an enhanced related list.
We've added a new documentation page for the . This component enables you to integrate Avonni's data-handling capabilities with the custom visual display of a Lightning Web Component (LWC).
: We are excited to announce the launch of a brand-new, dedicated content site for the ! This package enables you to create custom, high-performance user interfaces for Salesforce Lightning Pages with ease, eliminating the need for coding or flows.