Combobox
Check out the walk-through given below on how to use a Combobox filter component in the Designer.
![](https://docs.bdb.ai/~gitbook/image?url=https%3A%2F%2F972575688-files.gitbook.io%2F%7E%2Ffiles%2Fv0%2Fb%2Fgitbook-x-prod.appspot.com%2Fo%2Fspaces%252FRYq1HgffNfbnIMWPu1D5%252Fuploads%252FhtTlMqoYTzadOZGc4eMj%252FCombobox%2520filter.gif%3Falt%3Dmedia%26token%3Dad12eaf0-d93e-4d6f-8854-e209142b28e5&width=768&dpr=4&quality=100&sign=17791d50&sv=1)
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:
![](https://docs.bdb.ai/~gitbook/image?url=https%3A%2F%2F972575688-files.gitbook.io%2F%7E%2Ffiles%2Fv0%2Fb%2Fgitbook-x-prod.appspot.com%2Fo%2Fspaces%252FRYq1HgffNfbnIMWPu1D5%252Fuploads%252FMHc9m5Acz4CQCJrY80u8%252FDefault%2520Component%2520Image.png%3Falt%3Dmedia%26token%3Df864c9fc-efad-4501-bc80-48a38c6196df&width=768&dpr=4&quality=100&sign=253d9c82&sv=1)
Properties of the Combo Box Filter:
Background:
The user can get the reflection of the chart by enabling the shadow option.
The user can also change the color and increase/ decrease the transparency of the shadow.
General:
The user can change the height, width, top and left position of the combo box filter component.
Font color-size-weight-family can be adjusted from the General Properties.
The user can select between different 'Selection' options.
If selection is default, then no checkboxes will appear, directly user need to select a value by scrolling.
If the selection is 'Single' then we can search one value and select. It is used when we have lots of values to select.
If the selection is 'Multiple', then more than one value can be selected.
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.
Please Note: If initial visibility is not enabled, then the chart won’t be available for the first preview.
Style:
In this section user can set the Rollover color, Selection color and background color.
Title:
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:
![](https://docs.bdb.ai/~gitbook/image?url=https%3A%2F%2F972575688-files.gitbook.io%2F%7E%2Ffiles%2Fv0%2Fb%2Fgitbook-x-prod.appspot.com%2Fo%2Fspaces%252FRYq1HgffNfbnIMWPu1D5%252Fuploads%252FJm6uvM1qqVmbdRlg4jm6%252FGeneral%2520properties.png%3Falt%3Dmedia%26token%3D7a9544c4-ff99-49f9-a8db-aefa1ba02fa7&width=768&dpr=4&quality=100&sign=98dc249a&sv=1)
Title properties:
![](https://docs.bdb.ai/~gitbook/image?url=https%3A%2F%2F972575688-files.gitbook.io%2F%7E%2Ffiles%2Fv0%2Fb%2Fgitbook-x-prod.appspot.com%2Fo%2Fspaces%252FRYq1HgffNfbnIMWPu1D5%252Fuploads%252FFKGff4dvqFC05SDNZOSe%252Ftitle.png%3Falt%3Dmedia%26token%3Ddcc8638b-b04a-4ad1-88ff-20cd810c2ab3&width=768&dpr=4&quality=100&sign=2214ac00&sv=1)
Combo Box Filter variants after changing its properties
When selection is default
![](https://docs.bdb.ai/~gitbook/image?url=https%3A%2F%2F972575688-files.gitbook.io%2F%7E%2Ffiles%2Fv0%2Fb%2Fgitbook-x-prod.appspot.com%2Fo%2Fspaces%252FRYq1HgffNfbnIMWPu1D5%252Fuploads%252FPXp8FwCw9SbwIuUP0j1z%252FWhen%2520selection%2520is%2520default%2520%2520%2520.png%3Falt%3Dmedia%26token%3D803181f1-13a7-4ef6-8e0c-e28e53cdd36c&width=768&dpr=4&quality=100&sign=b9fc6f57&sv=1)
When selection is single select
![](https://docs.bdb.ai/~gitbook/image?url=https%3A%2F%2F972575688-files.gitbook.io%2F%7E%2Ffiles%2Fv0%2Fb%2Fgitbook-x-prod.appspot.com%2Fo%2Fspaces%252FRYq1HgffNfbnIMWPu1D5%252Fuploads%252FrCbDyGmLh2NBOl7AiK4i%252FWhen%2520selection%2520is%2520Single%2520%2520%2520%2520%2520%2520%2520.png%3Falt%3Dmedia%26token%3Db56ec464-cb1f-427f-b860-f108f3e22e18&width=768&dpr=4&quality=100&sign=c1f25729&sv=1)
When selection is Multiselect with enhance checkbox
![](https://docs.bdb.ai/~gitbook/image?url=https%3A%2F%2F972575688-files.gitbook.io%2F%7E%2Ffiles%2Fv0%2Fb%2Fgitbook-x-prod.appspot.com%2Fo%2Fspaces%252FRYq1HgffNfbnIMWPu1D5%252Fuploads%252FXojyh7qyPVjc0UbBK3TP%252FWhen%2520selection%2520is%2520Multiple.png%3Falt%3Dmedia%26token%3D56e0d356-1030-4e2e-a042-c6dff07214ea&width=768&dpr=4&quality=100&sign=34c3570a&sv=1)
Last updated