# Combobox

{% hint style="success" %}
*Check out the walk-through given below on how to use a Combobox filter component in the Designer.*
{% endhint %}

![](/files/GARyf1UD3zInSk3sDdMH)

Combo Box is used to filter data on any associated components. Selecting an item from the drop down menu will change the data displayed in the associated components.

### **Best situation to use Combo Box :**

When user wants to filter data on associated components. 

When users wants to select only a particular item.

### Default Component Image: 

<div align="left"><img src="/files/o2bNzRqs1yAL8F0b79z7" alt=""></div>

### Properties of the Combo Box Filter:

#### **Background:**&#x20;

* The user can get the reflection of the chart by enabling the shadow option.&#x20;
* The user can also change the color and increase/ decrease the transparency of the shadow.

#### **General:**&#x20;

* The user can change the height, width, top and left position of the combo box filter component. &#x20;
* Font color-size-weight-family can be adjusted from the General Properties.&#x20;
* The user can select between different 'Selection' options.&#x20;
  * If selection is default, then no checkboxes will appear, directly user need to select a value by scrolling.&#x20;
  * If the selection is 'Single' then we can search one value and select. It is used when we have lots of values to select.&#x20;
  * If the selection is 'Multiple', then more than one value can be selected.&#x20;
  * If the user sets a value in selected index, that value gets displayed initially in the filter. In this scenario the user needs to enable the notify GV update.

{% hint style="info" %} <mark style="color:green;">Please Note</mark>: If initial visibility is not enabled, then the chart won’t be available for the first preview.
{% endhint %}

#### **Style:**&#x20;

* In this section user can set the Rollover color, Selection color and background color.

#### **Title:**&#x20;

* If user need to see the title, then enable that option. And in description section give a title user want to see along with the filter values.

#### General Properties:

<div align="left"><img src="/files/0neG8jN6CfjyjfzGHk67" alt=""></div>

#### Title properties:

<div align="left"><img src="/files/rnf9hAD7Oc8Xithxm7pg" alt=""></div>

#### Combo Box Filter variants after changing its properties

#### When selection is default

<div align="left"><img src="/files/toPFRyulnz93ELvnzGPG" alt=""></div>

#### When selection is single select

<div align="left"><img src="/files/SjHYKXN4Seb4noHNOxqk" alt=""></div>

#### When selection is Multiselect with enhance checkbox

<div align="left"><img src="/files/akh9v4ycP3kwSu9Hk6kO" alt=""></div>


---

# Agent Instructions: Querying This Documentation

If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.

Perform an HTTP GET request on the current page URL with the `ask` query parameter:

```
GET https://docs.bdb.ai/bdb-documentation/data-visualization/governed-dashboards/charts-gallery/filters/combobox.md?ask=<question>
```

The question should be specific, self-contained, and written in natural language.
The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.

Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.