> For the complete documentation index, see [llms.txt](https://docs.bdb.ai/governed-dashboards-3/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/governed-dashboards-3/charts-gallery/filters/list.md).

# List

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

<figure><img src="https://859511478-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FGDmsjfjJBNqow7Fo97cO%2Fuploads%2FL7PudQDlPkDoJQeaAHf0%2FList%20Filter.gif?alt=media&#x26;token=0afa4007-5b5f-4cf0-b2e9-74c20cb5c2b2" alt=""><figcaption></figcaption></figure>

List is a component used to filter data. All available items are displayed as a list. Users can select multiple items simultaneously by holding the CTRL-key. Select items will determine the data that is displayed in any associated chart(s).

## **Default Component Image**

![](https://859511478-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FGDmsjfjJBNqow7Fo97cO%2Fuploads%2FUjXdsYefqXExFHzwWRQR%2FDefault%20Component%20Image.png?alt=media\&token=d50df84b-f7fa-438b-8b36-43304225d437)

## **Properties of the List Filter**

### **Background**

Here user can set the Background color and adjust its transparency. The user can get the reflection of the chart by enabling the shadow option can also change the colour and increase & decrease the transparency of the shadow.

### **General**

* The user can change the height, width, top, left.&#x20;
* If the ***Initial Visibility*** is not enabled, then the chart won’t be available for the first preview.&#x20;
* List swap is enabled, so that when the users select the values, they can move it to the second column (selected value list) and if didn’t need a value in the selected list, they can move it to the Initial Column itself.&#x20;
* Selected index can be set, so that cell value is selected initially. Enable the Notify GV Update so that when they change values in this filter, those values get updated in the filter.

![](https://content.gitbook.com/content/q31vylHQzfu10ahsh9Qq/blobs/K7hFzWR3pMBvWkVEXBbx/image.png)

<figure><img src="https://content.gitbook.com/content/q31vylHQzfu10ahsh9Qq/blobs/zVvsSeciH6alesZtfI9Y/List%20filter%20enhancement.gif" alt=""><figcaption><p>New Enhancements in the General Properties of the List component</p></figcaption></figure>

### **Style**

If user set a Rollover Color, then when they move from one cell to another, they can see those cells in that color. Selection color highlights our selected cells. Also, user can adjust the font and border properties.

![](https://content.gitbook.com/content/q31vylHQzfu10ahsh9Qq/blobs/8tQhLoN1k1jCyp0JQHa2/image.png)

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

![](https://859511478-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FGDmsjfjJBNqow7Fo97cO%2Fuploads%2FtCAtVEPyCL9CpAV6nHOw%2FTitle%20properties.png?alt=media\&token=a67fd4d2-9ac8-45aa-9760-d8f8f3c161e6)

## **Modified List filter after changing its Properties**

![](https://content.gitbook.com/content/q31vylHQzfu10ahsh9Qq/blobs/mlSIzQ9bzUrl7GtjwX0G/image.png)

![](https://content.gitbook.com/content/q31vylHQzfu10ahsh9Qq/blobs/fBHXRcbkx2jI0KguC5gt/image.png)