New: Folders, LWC Container & more for Avonni Dynamic Components v1.18!
Read the Notes
LogoLogo
HomepageYouTube ChannelInstall from the AppExchange
  • Home
  • Dynamic Components
  • Flow Components
  • Experience Components
  • Projects
  • 👋Welcome
  • Getting Started
    • Product Tour
    • Quickstart Tutorial
    • Understanding The Essentials
      • Component Builder
      • Component Visibility
      • Target Page Object
      • Using Variables and Component Data
      • Publishing your Dynamic Components
      • Dynamic vs. Flow Components
    • Avonni Components App
      • Accessing the App
      • Folders
      • Templates
      • Version management
    • 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
    • Formatted Address
    • Formatted Name
    • Formatted Value
    • Header
    • Icon
    • Icon Picker
    • Illustration
    • Image
    • Input Color
    • Input Date
    • Input Pen (Signature)
    • Input Text
    • Kanban
    • List
    • 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
  • Overview
  • Key Concepts
  • Viewing Component Versions (from Home Page)
  • Saving a New Version
  • Activating a Version
  • Deleting Dynamic Component Versions
  • Recommended Deletion Process (via Avonni App):
  • Direct Deletion via Setup (Advanced - Use with Extreme Caution):
  • Example: Testing a New Button

Was this helpful?

  1. Getting Started
  2. Avonni Components App

Version management

Overview

Version management provides several key benefits:

  • Safe Experimentation: Create and test changes in a new version without affecting the live version used on your pages.

  • Change Tracking: Maintain a history of component modifications.

  • Easy Rollback: Quickly revert to a previous, working version if needed.

  • Organized Development: Separate experimental and stable versions.

Key Concepts

  • Multiple Versions: Save unlimited versions of a single Dynamic Component.

  • Active Version: Only one version is "active" at a time. This version is displayed when you add the component to a Salesforce page.

  • Independent Versions: Each version is a separate copy. Changes to one version do not affect others until you activate a different version.

Viewing Component Versions (from Home Page)

You can view all saved versions of a specific Dynamic Component directly from the Avonni Dynamic Components home page within the Avonni Components app. This view serves as the starting point for managing individual versions.

  1. Access the App: From the Salesforce App Launcher (nine-dot grid), open the "Avonni Components" app.

  2. Find Your Component: Locate the Dynamic Component you want to manage in the main list.

  3. View Versions: Click the dropdown arrow next to the component's name. This will expand the list to show all saved versions for that component.

  4. Identify the Active Version: The currently active version (the one used on Lightning Pages) will be marked within the list (often with a specific status label like "Active", a checkmark, or distinct styling). Other versions might show statuses like "Draft".

From this version list, you can typically access actions like editing a specific version, activating a different version, or archiving the entire component (see subsequent sections for details on those actions).

Saving a New Version

  1. Open and Edit: Open the Dynamic Component in the Component Builder and make your changes.

  2. Save as New Version: Instead of clicking "Save" (which would overwrite the current version), select the option to save as a new version. This creates a new version, leaving the active version unchanged.

  3. Automatic Numbering: Avonni automatically assigns a new version number (e.g., Version 2, Version 3).

Activating a Version

To make a specific version of your component live (the one displayed on pages):

  1. Go to the Home Page: Navigate to the Avonni Dynamic Components home page.

  2. Find Your Component: Locate your component in the list.

  3. View Versions: Expand the list of versions.

  4. Edit Targeted Version: Click the dropdown arrow next to the version you want to activate and select "Edit".

  5. Activate: Click the "Activate" button. This makes the version chosen active and deactivates the previous one.

Deleting Dynamic Component Versions

Deleting versions requires careful handling due to the underlying Custom Metadata Type storage in Salesforce. While direct deletion isn't possible within the Avonni app, it guides you through the process.

Crucial Prerequisite: Check Component Usage!

Before deleting, ensure the component is NOT used on any Lightning Page. Deleting a used component will break those pages. Please remove it from all pages in the Lightning App Builder first.

Recommended Deletion Process (via Avonni App):

  1. Archive the Dynamic Component:

    • You must first archive the entire Dynamic Component (all versions).

    • Use the component's action menu from the Avonni Dynamic Components home page and select "Archive."

    • Effect: Inactivates the component and all versions, moving it to the Archive section.

  2. Navigate to the Archive Section: Go to the Archive folder/section within the Avonni Components app.

  3. Locate the Archived Component & Version: Find and expand the component to view its archived versions.

  4. Initiate Version Deletion: Select the specific version you want to delete and choose "Delete" from its action menu.

  5. Redirection to Salesforce Setup:

    • Important: Clicking "Delete" in the Avonni App redirects you to the Custom Metadata Type record page in Salesforce Setup.

  6. Confirm Deletion in Salesforce Setup: Click the standard Salesforce "Delete" link/button on the redirected page and confirm.

Understanding the Process: Avonni manages "versions," each corresponding to a Custom Metadata Type record. The app guides you to Salesforce Setup for permanent deletion.

Direct Deletion via Setup (Advanced - Use with Extreme Caution):

Technically, you can delete directly from Salesforce Setup:

1

Go to Setup > Custom Metadata Types

Click the Setup gear icon, then select Setup. In the Quick Find box, type Custom Metadata Types and select it from the results.

2

Find the Avonni Dynamic Components Custom Metadata Type (e.g., avonnidc__Dynamic_Component__mdt).

In the list of Custom Metadata Types, locate the specific one used by Avonni Dynamic Components. The API name will typically be something like avonnidc__Dynamic_Component__mdt

3

Click "Manage Records."

On the Custom Metadata Type detail page, find the section for the records themselves and click the "Manage Records" button. This will display a list of all individual records, each representing a specific version of an Avonni Dynamic Component.

4

Locate the specific version's record (can be difficult).

  • This is the most critical and potentially complex step. You must meticulously identify the exact Custom Metadata record corresponding to the specific component version you intend to delete permanently.

  • Records might be identifiable by their "Label" (often the component name and version information) or "API Name." There is no visual "version list" here as in the Avonni app, making it much easier to select the wrong record.

  • Double-check and triple-check the details (Name, Last Modified Date, any identifying information) to ensure you have the correct record before proceeding. Mistakenly deleting the wrong record can have significant consequences.

5

Click the "Del" link.

  • Once you are absolutely certain you have identified the correct record for the version you wish to delete, click the "Del" (Delete) link in the "Action" column next to that specific record.

  • Salesforce will then ask you to confirm the deletion. Once confirmed, this action is immediate and permanent through this interface and bypasses any lifecycle management or safeguards within the Avonni app.

Final Note: Deletion is permanent. Before deleting, ensure the version is no longer needed and not in use. Consider keeping archived versions.

Important Notes about Deletion

  • Permanent Deletion (Advanced): Only experienced admins with backups should delete Custom Metadata Type records directly. Archiving is usually sufficient.

Example: Testing a New Button

You have a Dynamic Component named "ContactForm," with Version 1 active.

  1. Add New Feature: You want to add a new button. You open "ContactForm" and add the button.

  2. Save as New Version: You save this as Version 2. Version 1 remains active.

  3. Test New Version: You test Version 2 (potentially on a test page).

  4. Activate New Version: When satisfied, activate Version 2 from the Avonni Dynamic Components home page. Version 1 is now inactive, and Version 2 is live.

Avonni Dynamic Components include built-in version management, allowing you to save multiple versions of your components, track changes, and easily switch between different versions. This feature is similar to version control in Salesforce Flow Builder, but tailored for Dynamic Components.

Last updated 1 hour ago

Was this helpful?