Dynamic Component
Overview
The Dynamic Component serves as a bridge between Lightning App Builder and Avonni's Dynamic Components platform.
Key Features
Access to the complete 75+ component library through Dynamic Components
Advanced styling and branding capabilities not available in standard App Builder components
Complex logic, interactions, and conditional behaviors
Component composition and nesting for sophisticated layouts
Seamless integration with Lightning App Builder workflow
Optional card container for enhanced visual presentation
When to Use Dynamic Components
Choose Dynamic Components over standard App Builder components when you need:
Complete Component Library Access: Dynamic Components provides 75+ components compared to the ~15 available in App Builder Components, including specialized widgets not available elsewhere.
Advanced Styling & Branding: Full visual control with custom styling options, branding elements, and design flexibility beyond Lightning App Builder's constraints.
Complex Interactions & Logic: Components that communicate with each other, conditional behaviors, and sophisticated user interactions that aren't possible with basic configuration.
Component Composition: Ability to combine multiple components into integrated layouts and embed components within other components.
Specialized Use Cases: Access to advanced components designed for specific business requirements that aren't covered by the standard App Builder selection.
Prerequisites
Before using the Dynamic Component, you must:
Have Dynamic Components Access: Ensure you have access to Avonni's Dynamic Components platform
Create Dynamic Components: Build and configure your desired components using the Dynamic Components builder
Activate Components: Activate your Dynamic Components to make them available for selection
Proper Permissions: Ensure users have appropriate permission sets for both App Builder and Dynamic Components
Configuration
Component Name
Dropdown
Yes
Select the pre-built Dynamic Component to embed on this Lightning page. Only activated Dynamic Components appear in this list.
Advanced Sales Dashboard<br>Interactive Product Catalog<br>Custom Metrics Widget
Display as Card
Checkbox
No
Wraps the Dynamic Component in a styled card container for better visual presentation and separation
Checked for dashboard sections
Best Practices
Component Design
Create Dynamic Components with clear, descriptive names that indicate their purpose and functionality
Test Dynamic Components thoroughly in the Dynamic Components builder before embedding them in Lightning pages
Design components with responsive layouts that work well within Lightning page constraints
Integration Strategy
Use Dynamic Components for complex functionality that exceeds standard App Builder component capabilities
Combine Dynamic Components with standard Lightning components for comprehensive page experiences
Consider card containers for Dynamic Components that need visual separation from surrounding content
Performance Considerations
Monitor page load performance when embedding complex Dynamic Components
Test Dynamic Components across different user profiles and permission levels
Ensure Dynamic Components don't conflict with other page elements or JavaScript
User Experience
Provide clear context about Dynamic Component functionality through surrounding page elements
Test embedded components with actual end users to ensure intuitive operation
Document any special interactions or behaviors for user training
Troubleshooting
Component Not Available in Dropdown
Verify the Dynamic Component has been activated in the Dynamic Components platform
Check that you have proper permissions to access the Dynamic Component
Confirm the Dynamic Component was created successfully and is ready for use
Component Not Displaying Correctly
Verify the Dynamic Component functions properly in the Dynamic Components builder
Check for JavaScript errors in the browser console that might indicate conflicts
Ensure the Lightning page layout provides adequate space for the Dynamic Component
Functionality Issues
Test the Dynamic Component independently in the Dynamic Components platform
Verify that all required data sources and connections are properly configured
Check user permissions for accessing the underlying data and functionality
Performance Problems
Monitor Lightning page load times before and after adding Dynamic Components
Consider simplifying complex Dynamic Components or breaking them into smaller pieces
Test with realistic data volumes to ensure acceptable performance
Summary
The Dynamic Component provides essential connectivity between Lightning App Builder and Avonni's advanced Dynamic Components platform. By enabling the embedding of sophisticated, pre-built components with advanced styling, complex interactions, and specialized functionality, it extends Lightning pages beyond standard component limitations. Use this component when you need access to the complete Avonni component library, advanced customization capabilities, or specialized functionality that isn't available through standard App Builder components.
Last updated
Was this helpful?