Copy and Paste
The Avonni Dynamic Component Builder includes a copy-and-paste feature that allows you to duplicate components and their configurations quickly and easily. This significantly speeds up development and ensures consistency across your components.
What Gets Copied?
When you copy a component, you're copying:
The Component Type: (e.g., Data Table, Button, Text, etc.)
All Properties: All settings in the component's Properties Panel (e.g., label, data source, visibility conditions, interactions, styling).
Nested Components: If the component contains nested Dynamic Components (using the Dynamic Component component), those nested components and their configurations are also copied.
Resources are not copied: Resources are not copied, only component configurations.
Step-by-Step Guide
Select the Source Component: In the Component Builder canvas, click on the Avonni component you want to copy. This will highlight the component and display its properties in the Properties Panel.
Copy the Component
Locate the Copy button in the top-left corner of the Component Builder canvas. It's usually represented by an icon of two overlapping squares or a similar "copy" symbol.
Click the Copy button. This copies the selected component and its configuration to the clipboard.
Paste the Component
Locate the Paste button in the top-left corner of the Component Builder. It is usally represented by a clipboard icon.
Click the paste button. A copy of the component is added to the canvas.
Place the Component
The new component appears
Click on the Move button
Select the new location for your component.
Important Considerations
When you copy and paste components, it's important to understand how different elements are handled:
Data Sources:
Within the Same Dynamic Component: If you copy and paste a component within the same Dynamic Component, and that component uses a Data Source (e.g., Query, Picklist), the data source configuration is copied, and the pasted component will be connected to the same data source instance. Changes to the data source in one component will affect the other.
Between Different Dynamic Components: If you copy a component and paste it into a different Dynamic Component, the Data Source is not copied. You will need to create a new data source manually (or select an existing, compatible one) for the target Dynamic Component and configure it appropriately.
Interactions:
Within the Same Dynamic Component: Interactions (e.g., "On Click" actions) are copied along with the component. Suppose the interaction references other components or resources within the same Dynamic Component (using their API Names). In that case, those references will generally work correctly if the referenced components/resources also exist in the pasted location. You may need to adjust references if names are not unique.
Between Different Dynamic Components: Interactions are copied. However, any references to other components or resources within the original Dynamic Component will likely break. You will need to manually update these references in the pasted component to point to the correct components/resources in the target Dynamic Component.
Resources:
Within the Same Dynamic Component: Resources are not automatically copied when you paste a component within the same Dynamic Component. If the pasted component relies on resources, you have to make sure those resources exist.
Between Different Dynamic Components: Resources are never copied between Dynamic Components. You must manually recreate any required resources (Variables, Constants, Formulas) in the target Dynamic Component.
Summary
Component
Copied (including properties and nested components)
Copied (including properties and nested components)
Data Source
Configuration copied, same instance used
Not copied; must be recreated/reselected
Interactions
Copied, references may need adjustment
Copied, references likely need adjustment
Resources
Not copied; must exist.
Not copied; must be recreated
Last updated
Was this helpful?