Last updated
Was this helpful?
The Properties Panel is your central hub for configuring and customizing individual Avonni components within the Dynamic Component Builder. It's where you control a component's appearance, behavior, data connections, and interactions.
Location: The Properties Panel is located on the right-hand side of the Component Builder interface when an Avonni Component is selected.
Context-Sensitive: The Properties Panel is dynamic. It changes to display the settings for the currently selected component on the canvas. If you don't have a component selected, the Properties Panel might be blank or show general Dynamic Component settings.
The Properties Panel lets you:
Configure Behavior: Define how the component functions, such as setting data limits, enabling sorting/filtering, or controlling visibility.
Connect to Data: Specify the component's Data Source (e.g., Avonni Query, Manual Data, Picklist) and map data fields to the component's display elements.
Set Component-Specific Options: Each Avonni component has its unique properties. The Properties Panel displays only the relevant options for the selected component.
Select a Component: In the Component Builder canvas, click on the component you want to configure. The Properties Panel will update to show that component's settings.
Find the Property: Browse or search within the Properties Panel to find the specific property you want to modify (e.g., "Label," "Value," "Data Source," "Visible"). Properties are often grouped into logical sections (e.g., "Display," "Data," "Interactions").
Modify the Property: Change the property's value using the provided input field, dropdown, selection list, or other control.
Preview (Optional): Click the "Preview" button to see the effect of your changes.
Save: Remember to save your Dynamic Component to persist your changes.
While specific properties vary by component, here are some common types of properties you'll encounter:
Text Fields: For entering text (e.g., labels, messages, URLs).
Dropdown Lists/Picklists: For selecting from a predefined list of options.
Checkboxes: For boolean (true/false) settings.
Number Fields: For entering numeric values.
Color Pickers: For selecting colors.
Data Source Selectors: For choosing a Data Source (e.g., Query, Picklist, Manual).
Resource Selectors: For linking to Variables, Constants, or Formulas.
Textarea: For adding multiple lines of text.
Component-Specific Documentation: Each Avonni component has a documentation page that describes its specific properties in detail. Refer to the component's documentation for the most accurate and complete information.
Tooltips: Hover your mouse cursor over a property in the Properties Panel. A tooltip might appear, providing a brief description of the property.
The Properties Panel is where all specific component settings are. All components settings will be available from there.
