# Link two dropdown select visualisations Kibana Canvas

**URL:** https://discuss.elastic.co/t/link-two-dropdown-select-visualisations-kibana-canvas/253288
**Category:** Kibana
**Tags:** canvas
**Created:** [October 26, 2020, 10:38am UTC](https://discuss.elastic.co/t/link-two-dropdown-select-visualisations-kibana-canvas/253288 "2020-10-26T10:38:45Z")
**Posts on this page:** 7
**Page:** 1

<div class="post-metadata">

### Author: ![r97](https://avatars.discourse-cdn.com/v4/letter/r/e47774/32.png) [@r97](https://discuss.elastic.co/u/r97)
#### Post date: [October 26, 2020, 10:38am UTC](https://discuss.elastic.co/t/link-two-dropdown-select-visualisations-kibana-canvas/253288/1 "2020-10-26T10:38:45Z")

</div>

Hi,

I've created a canvas with two dropdown selects (One for customer and one for projects)  
Is there a way to link those, like a parent and child? If I select a customer in the first dropdown select. I want only to see the projects from that customer in the other dropdown select.

 ![canvas01](https://us1.discourse-cdn.com/elastic/original/3X/1/8/18484ef07d26295471ec113f7e6fe0ccc34f4b38.png)  
I'm on Kibana 7.9.3 and Elastic 7.9.1

---

<div class="post-metadata">

### Author: ![rashmi](https://sea2.discourse-cdn.com/elastic/user_avatar/discuss.elastic.co/rashmi/32/16391_2.png) [@rashmi](https://discuss.elastic.co/u/rashmi)
#### Post date: [October 29, 2020, 10:13pm UTC](https://discuss.elastic.co/t/link-two-dropdown-select-visualisations-kibana-canvas/253288/2 "2020-10-29T22:13:03Z")

</div>

cc @poff@Catherine_Liu

---

<div class="post-metadata">

### Author: ![corey.robertson](https://sea2.discourse-cdn.com/elastic/user_avatar/discuss.elastic.co/corey.robertson/32/54611_2.png) [@corey.robertson](https://discuss.elastic.co/u/corey.robertson)
#### Post date: [October 30, 2020, 3:22pm UTC](https://discuss.elastic.co/t/link-two-dropdown-select-visualisations-kibana-canvas/253288/3 "2020-10-30T15:22:45Z")

</div>

Hi @r97

Here is an example of how to accomplish this.

For the filter that you want to serve as the "Parent" filter, give it a FilterGroup value. The expression will look something like this:

```auto
essql query="SELECT user, order_id FROM "kibana_sample_data_ecommerce"
| dropdownControl valueColumn="user" filterColumn="user" filterGroup="by-user"
| render

```

Then, use the filter value from the parent to filter the options available in the child. It's expression will look something like.

```auto
filters group='by-user'
| essql query="SELECT user, order_id FROM "kibana_sample_data_ecommerce"
| dropdownControl valueColumn="order_id" filterColumn="order_id" filterGroup="by-order"
| render

```

Now, wherever you want to filter by the selected child value, just use `filters group="by-order"` or whatever name you give for that child group.

Hope that helps!

---

<div class="post-metadata">

### Author: ![r97](https://avatars.discourse-cdn.com/v4/letter/r/e47774/32.png) [@r97](https://discuss.elastic.co/u/r97)
#### Post date: [November 2, 2020, 8:37am UTC](https://discuss.elastic.co/t/link-two-dropdown-select-visualisations-kibana-canvas/253288/4 "2020-11-02T08:37:54Z")

</div>

> [@corey.robertson](#):
>
> ```auto
> filters group='by-user'
> | essql query="SELECT user, order_id FROM "kibana_sample_data_ecommerce"
> | dropdownControl valueColumn="order_id" filterColumn="order_id" filterGroup="by-order"
> | render
> 
> ```

Thank you! It works like a charm! Is there a way to do this also for the Dashboard dropdown controls without greying out the child value? So i could still select the child if the parent is not set?

---

<div class="post-metadata">

### Author: ![r97](https://avatars.discourse-cdn.com/v4/letter/r/e47774/32.png) [@r97](https://discuss.elastic.co/u/r97)
#### Post date: [November 9, 2020, 7:37am UTC](https://discuss.elastic.co/t/link-two-dropdown-select-visualisations-kibana-canvas/253288/5 "2020-11-09T07:37:35Z")

</div>

@corey.robertson Have you seen my reply?

---

<div class="post-metadata">

### Author: ![corey.robertson](https://sea2.discourse-cdn.com/elastic/user_avatar/discuss.elastic.co/corey.robertson/32/54611_2.png) [@corey.robertson](https://discuss.elastic.co/u/corey.robertson)
#### Post date: [November 10, 2020, 2:02pm UTC](https://discuss.elastic.co/t/link-two-dropdown-select-visualisations-kibana-canvas/253288/6 "2020-11-10T14:02:21Z")

</div>

Hi @r97  
Hmm I'm not sure how to accomplish this in a Dashboard. The drop down controls in a dashboard are strictly populated based on the index pattern, so I'm not sure how to filter those options further.

---

<div class="post-metadata">

### Author: ![system](https://us1.discourse-cdn.com/elastic/original/3X/1/a/1ac57faf039f6b580b3f104ef42a2a89e41014de.png) [@system](https://discuss.elastic.co/u/system)
#### Post date: [December 8, 2020, 2:02pm UTC](https://discuss.elastic.co/t/link-two-dropdown-select-visualisations-kibana-canvas/253288/7 "2020-12-08T14:02:27Z")

</div>

This topic was automatically closed 28 days after the last reply. New replies are no longer allowed.
