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
    • 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
    • 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
  • 1. Overview
  • 2. Supported Components
  • 3. How it Works
  • 4. Use Cases and Examples
  • 5. Limitations
  • 6. Best Practices
  • In Summary

Was this helpful?

  1. Component Builder
  2. Data & Interactions
  3. Data Sources

Manual

The Manual Data Source lets you enter data directly into an Avonni Dynamic Component's configuration. This provides a simple way to populate components with small, static datasets without connecting to a Salesforce object or external source.


1. Overview

The Manual Data Source is the most straightforward way to provide data to specific Avonni components. It's best suited for:

  • Small, Static Datasets: Data that doesn't change frequently (or at all).

  • Prototyping and Demos: Quickly creating sample data to demonstrate component functionality.

  • Testing: Providing controlled data for testing component behavior.

  • Simple list of options: Like options for a combobox.

It's not recommended for large datasets, frequently changing data, or data that needs to be synchronized with Salesforce records.


2. Supported Components

The Manual Data Source is typically available for components that display lists or collections of data, such as:

  • Data Table

  • List

  • Carousel

  • Lookup

  • Combobox

  • And potentially others (check the specific component's documentation)


3. How it Works

  1. Select the Component: Add the Avonni component (e.g., Data Table) to your Dynamic Component.

  2. Choose "Manual" Data Source: In the component's properties panel, find the "Data Source" setting (or similar) and select "Manual."

  3. Enter Data: The component's properties will now display an interface for entering your data. The exact interface varies depending on the component:

    • Data Table: You'll typically see a table-like interface where you can add rows and columns, and enter data into each cell. You can often define the data type for each column (Text, Number, Date, etc.).

    • List: You might enter data as a comma-separated list or have individual fields for each item's properties.

    • Carousel: You might enter data for each slide in the carousel (e.g., image URL, title, description).

    • Lookup/Combobox:: You will define the list of options available.

  4. Preview: The component will immediately display the data you've entered.


4. Use Cases and Examples

  • Static Product List (Small Catalog): A Data Table displaying a small, unchanging list of products with their names, descriptions, and prices.

  • Demo Data: Populating a Data Table or List with sample data to demonstrate how the component looks and behaves.

  • Testing Filter Logic: Creating a small, controlled dataset to test filtering and sorting functionality within a Data Table.

  • Navigation Menu (Simple): A List component used as a simple navigation menu, where each item's label and URL are entered manually.

  • Combobox/Lookup options: A list of static options.

Example: Data Table with Manual Data

  1. Add an Avonni Data Table component.

  2. Set its "Data Source" to "Manual."

  3. The Data Table's properties will now show a table editor.

  4. Add columns (e.g., "Product Name" - Text, "Price" - Number, "Description" - Text).

  5. Add rows and enter your data directly into the table cells.


5. Limitations

  • Not for Large Datasets: Manually entering data is not practical for large numbers of records.

  • Not for Dynamic Data: The data is static. It won't automatically update if the underlying information changes.

  • No Connection to Salesforce: The data is stored within the component's configuration, not in Salesforce.

  • Maintenance: Updating the data requires manually editing the component's configuration.


6. Best Practices

  • Keep it Small: Use the Manual Data Source only for small, manageable datasets.

  • Use for Static Data: Reserve it for rarely or never-changing data.

  • Consider Alternatives: For dynamic data, use the Avonni Query Data Source, Picklist Data Source, or Variable resources (populated via "On Load" actions).

  • Document Clearly: If you use a Manual Data Source, clearly document its purpose and the data within the component's description or comments. This is important for maintainability.


In Summary

The manual data source is a simple way to provide static data for your components. Use this data source to create a list of options for your components or any data set that does not change.

Last updated 2 months ago

Was this helpful?