> For the complete documentation index, see [llms.txt](https://docs.bdb.ai/7.6/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://docs.bdb.ai/7.6/data-visualization/governed-dashboards/charts-gallery/filters/combobox.md).

# 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>