Combobox

The Avonni Combobox provides a flexible input field that allows users to select from a dropdown list, type custom values, search within the list, and select multiple items.

Tutorials

Creating comboboxes with dependant picklists

Dynamically enable/disable dependant picklists

Combobox: Dependent Picklists &

---

Changing the Properties

Enabling Multiselect

The options from your Combobox can be multi-selected by enabling the toggle multiselect.

Setting the Data Source

The Data Source is where you'll set up the options in your combobox dropdown menu. You have three ways to do this:

Manual

For a predefined set of items that don’t require dynamic updates.

Variable

Great when your table data is linked to variable collections in your flow.

Picklist Values

Choose this if you want to populate your combobox with existing picklist values from your Salesforce records

Query

Perfect for tables reflecting dynamically changing data or real-time updates.

Controlling Values Feature

This feature becomes particularly effective when utilizing picklist data sources. It introduces dynamic data filtering within your screen flows, providing a streamlined and intuitive user experience. This integration ensures the Avonni Combobox enhances interactivity and maintains data relevance with its context-aware selections.

Key Feature

• Controlling Values Functionality: At its core, the Avonni Combobox supports controlling values, a vital feature for creating responsive and data-driven interfaces in Salesforce Screen Flows.

How it Works

1. Picklist Data Sources: The Avonni Combobox utilizes picklist data sources, allowing users to choose from a predefined list of options. This ensures consistency and accuracy in data entry.

2. Selection of a Controlling Field: Users can select a field within their Salesforce org with controlling values. This field acts as a primary filter for the data presented in the Combobox.

3. Dynamic Display of Controlling Values: Once a controlling field is selected, the Avonni Combobox adjusts to display only the relevant options based on the chosen controlling value. This leads to a more streamlined and context-specific user experience.

Benefits

• Enhanced Data Relevance: By filtering options based on controlling values, the Avonni Combobox ensures that users see only pertinent data, reducing clutter and improving decision-making.

• Improved User Experience: The dynamic adjustment of available options based on selected controlling values makes for a user-friendly interface, simplifying the data entry process.

• Increased Efficiency: This feature significantly reduces users' time searching for the right option, as irrelevant choices are filtered out.

Use Cases

• It is ideal for scenarios where data selection needs to be precise and contextually relevant, such as filtering cities based on a selected country or displaying product models based on a selected brand.

Adding Interactions

From the interactions panel, you can define interactions when users select an option or multiple ones (when multi-select is enabled).

Here is a complete list of actions you can add to the Combobox.

Styling the Combobox

The label and the border are stylable with access to Color, Font Size , Font Weight and radius attributes