LogoLogo
HomepageYouTube ChannelInstall from the AppExchange
  • Home
  • Dynamic Components
  • Flow Components
  • Experience Components
  • Projects
  • 👋Welcome
  • Getting Started
    • Product Tour
    • Quickstart Tutorial
    • Avonni Components App
      • Accessing the App
      • Folders
      • Templates
      • Version management
    • Understanding The Essentials
      • Component Builder
      • Component Visibility
      • Target Page Object
      • Using Variables and Component Data
      • Publishing your Dynamic Components
      • Dynamic vs. Flow Components
    • AppExchange Listing Page
    • Installation & Licenses Management
  • Tutorials
    • Projects
    • Components
      • Calendar
        • How to Create Events Quickly by Dragging
        • How to Add an Edit Action to Calendar Events
        • How to Add a New Event Button to the Calendar Header
        • How to Customize the Right-Click Menu
        • How to Reschedule Events with Drag and Drop
      • Columns
        • Creating a Responsive 3-Column Layout
      • Data Table
        • How to customize Data Table style
        • How to make a field editable
        • How to add clickable buttons
        • How to color-code badges
        • How to export data
        • How to configure search
        • How to set columns visibility
      • Kanban
        • Saving Changes on Drag-and-Drop
      • List
      • Metric
      • Record Detail
        • Saving Changes
    • Interactions
      • How to create an interaction to navigate to an object page
      • How to create an interaction to navigate to a record page
      • How to Pass Multiple Selected Records from a Dynamic Component to a Screen Flow
    • Reactive Components
      • Reactive Map and Data Table
      • Master-Detail Relationship with Data Tables
      • Vertical Tabs with Reactive Data Table
    • Style
      • How do you add space or a break between sections or fields?
    • Tips and Tricks
      • Using the Dynamic Component component
  • Component Builder
    • Overview
    • Configuring Components
      • Properties
      • Fields
      • Style
    • Data & Interactions
      • Data Sources
        • Manual
        • Picklist
      • Resources
        • Constant
        • Formula
        • Nested Queries
        • Query
        • Variable
      • Interactions
        • CRUD from Record Variable
        • Download
        • Execute Flow
        • Navigate
        • On Load
        • Open Alert Modal
        • Open Confirm
        • Open Dynamic Component Dialog
        • Open Dynamic Component Panel
        • Open Flow Panel
        • Open Flow Dialog
        • Show Toast
    • Advanced Topics
      • Undo / Redo
      • Copy and Paste
      • Keyboard Shortcut
  • Components
    • Explore All Components
    • Accordion
    • Alert
    • Audio Player
    • Avatar
    • Avatar Group
    • Badge
    • Barcode
    • Blockquote
    • Button
    • Button Group
    • Button Icon
    • Button Menu
    • Button Stateful
    • Calendar
    • Camera 🆕
    • Card
    • Carousel
    • Chart
    • Checkbox
    • Checkbox Button
    • Chip Container
    • Color Picker
    • Columns
    • Combobox
    • Container
    • Counter
    • Data LWC Container
    • Data Table
    • Date Picker
    • Date
    • Date Range
    • Dual Listbox
    • Dynamic Component
    • File Upload
    • Formatted Address
    • Formatted Name
    • Formatted Value
    • Header
    • Icon
    • Icon Picker
    • Illustration
    • Image
    • Input Color
    • Input Date
    • Input Pen (Signature)
    • Input Text
    • Kanban
    • List
    • LWC Container
    • Map
    • Media Object
    • Metric
    • PDF Viewer
    • Pivot Table
    • Progress Bar
    • Progress Circle
    • Progress Indicator
    • Rating
    • Record Detail
    • Relationship Graph
    • Scope Notification
    • Section
    • Separator
    • Slider
    • Status
    • Tabbed Container
    • Tabs
    • Text
    • Text Area
    • Timeline
    • Toggle
    • Tree
    • Vertical Visual Picker
    • Video Player
    • Visual Picker
    • Visual Picker Link
  • Help
    • Contact Support
    • Security
    • Performance Guide
    • Deployment Process
    • Release Notes
    • Report Bugs
Powered by GitBook
LogoLogo

Company

  • About Us
  • Pricing

Policies

  • Privacy Policy
  • Terms of Service
On this page
  • Choosing the Right Tool
  • The Fundamental Difference: Where Will You Build?
  • Are You Customizing Directly on a Salesforce Lightning Page?
  • Are You Customizing Screens Inside a Salesforce Flow?
  • Avonni Dynamic Components: Key Strengths (Use for Lightning Pages)
  • Avonni Components for Flows: Key Strengths (Use Inside Flows)
  • At a Glance: Quick Comparison
  • Using Them Together: Best of Both Worlds
  • Conclusion

Was this helpful?

  1. Getting Started
  2. Understanding The Essentials

Dynamic vs. Flow Components

Last updated 2 months ago

Was this helpful?

Choosing the Right Tool

Avonni Dynamic Components vs. Components for Flows

Avonni offers two powerful no-code solutions to customize Salesforce UIs. Both build great experiences without code, but they're designed for different places. This guide helps you pick the right one, fast.


The Fundamental Difference: Where Will You Build?

Choosing between Avonni Dynamic Components and Avonni Components for Flows primarily depends on where you need to create your custom user interface within Salesforce. Ask yourself this key question:

Are You Customizing Directly on a Salesforce Lightning Page?

  • Scenario: You are using the Lightning App Builder to modify or create custom sections, layouts, or entire interfaces on standard Salesforce pages like App Pages, Record Pages (Account, Contact, custom objects, etc.), or Home Pages.

  • Your Goal: To build reusable UI elements, custom dashboards, unique record views, interactive data visualizations, or complex layouts that appear as part of the standard Salesforce page, outside of any specific Flow process.

  • ✅ Then Choose:

    • (Why?) These components are optimized for performance, reusability across multiple pages, and native reactivity directly within the Lightning Page environment.

Are You Customizing Screens Inside a Salesforce Flow?

  • Scenario: You are using Flow Builder to create a guided, multi-step process, a wizard for data entry, an approval workflow with user input, or any task that involves navigating through different screens within a Flow.

  • Your Goal: To enhance the visual appearance and interactivity of the screens presented to the user during that Flow.

  • ✅ Then Choose:

    • (Why?) These components are designed to integrate seamlessly with Flow Builder, leveraging Flow variables and logic within the Flow runtime environment.

In essence

If your work is inside Flow Builder, use Components for Flows. If your work is on a Lightning Page using the App Builder, use Dynamic Components


Avonni Dynamic Components: Key Strengths (Use for Lightning Pages)

(Visual Suggestion: Use icons next to each point)

  • 📄 Lightning Page Customization: Build unique App, Record, & Home Pages.

  • ♻️ Reusable: Build once, deploy across many pages.

  • ⚡ Performance: Optimized for fast loading directly on pages.

  • 🔗 Native Reactivity: Components update automatically (no complex formulas!).

  • 🎨 Full Layout & Style Control: Design complex interfaces visually.

  • 📊 Data Visualization: Ideal for dashboards, charts, interactive tables.


Avonni Components for Flows: Key Strengths (Use Inside Flows)

(Visual Suggestion: Use icons next to each point)

  • ➡️ Guided Processes: Perfect for multi-step wizards and forms.

  • 📝 Enhance Flow Screens: Make your Flow interactions visually appealing.

  • 🤖 Flow Logic Integration: Works seamlessly with Flow variables and decisions.

  • ✅ Structured Data Input: Great for controlled data entry steps


At a Glance: Quick Comparison

Feature
Dynamic Components (Pages)
Components for Flows

Environment

Lightning App Builder

Flow Builder

Reusability

✅ High (Across Pages)

➖ Low (Single Flow)

Reactivity

✅ Native / Visual

Formulas / Variables

Performance

⚡ Optimized for Pages

Optimized within Flow

Layout

✅ Full Control

Limited by Flow Screen

Using Them Together: Best of Both Worlds

You can combine them!

  • Launch Flows from Pages: Use an Avonni Dynamic Component on a Lightning Page to trigger a Flow (using interactions like "Open Flow Dialog/Panel" or "Execute Flow").

  • Why? Combine the custom UI and performance of Dynamic Components with the powerful process automation of Flows. Start a guided process from a tailored page layout.


Conclusion

Choose based on WHERE you need the custom UI.

  • Need to enhance Lightning Pages? Use Dynamic Components.

  • Need to improve screens inside a Flow? Use Components for Flows

Avonni Dynamic Components
Avonni Components for Flows