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

Was this helpful?

  1. Getting Started
  2. Understanding The Essentials

Publishing your Dynamic Components

Last updated 1 month ago

Was this helpful?

Once you've finished building and testing your Avonni Dynamic Component in the Component Builder, you must make it available for users on your Salesforce Lightning Pages. This involves saving, activating, and adding the component to your desired App or Record Pages using the standard Lightning App Builder.

Step-by-Step Guide

1

Save Your Dynamic Component

Inside the Avonni Component Builder, ensure all your latest changes are saved. Click the Save button.

2

Activate the Component

  • Next to the Save button, click the Activate button.

  • Why Activate? Activation compiles your component and makes it officially available within the Salesforce Lightning App Builder. Without activation, you won't find it in the list of components to add to a page.

3

Navigate to Your Target Lightning Page

Go to the specific Salesforce App Page, Record Page, or Home Page where you want to display your newly created Dynamic Component.

4

Open the Lightning App Builder

  • Click the Setup gear icon (⚙️) in the top-right corner of the Salesforce interface.

  • Select Edit Page. This opens the Lightning App Builder for the current page.

5

Find and Place Your Dynamic Component

  • In the Lightning App Builder's left-hand panel (where the list of standard and custom components appears), scroll down to the "Custom - Managed" section.

  • Locate your Avonni Dynamic Component. It will be listed by the name you gave it when you created it.

  • Drag your component from the list and drop it onto the desired region of the page canvas.

6

Configure the component

Click on the component you just placed on the page canvas to select it.

7

Save and Activate the Lightning Page

  • Click the Save button in the top-right corner of the Lightning App Builder.

  • If you've made changes to the page's assignments or if it's a new page setup, you may need to click Activate. Follow the prompts to assign the updated page layout to the relevant Salesforce Apps, Record Types, and User Profiles.

Done! Your Avonni Dynamic Component is now published and should be visible to users who have access to that Lightning Page (and the necessary licenses/permissions for Avonni Components