# I want to have a button kind of visualization in the KIBANA dashboard, Can anyone please provide any information on this?

**URL:** <https://discuss.elastic.co/t/i-want-to-have-a-button-kind-of-visualization-in-the-kibana-dashboard-can-anyone-please-provide-any-information-on-this/316733>\
**Category:** Kibana\
**Created:** [October 17, 2022, 6:36am UTC](https://discuss.elastic.co/t/i-want-to-have-a-button-kind-of-visualization-in-the-kibana-dashboard-can-anyone-please-provide-any-information-on-this/316733 "2022-10-17T06:36:42Z")\
**Posts on this page:** 9\
**Page:** 1

<div class="post-metadata">

**Author:** ![abhinay\_nalla](https://sea2.discourse-cdn.com/elastic/user_avatar/discuss.elastic.co/abhinay_nalla/32/108015_2.png) [@abhinay\_nalla](https://discuss.elastic.co/u/abhinay_nalla)\
**Post date:** [October 17, 2022, 6:36am UTC](https://discuss.elastic.co/t/i-want-to-have-a-button-kind-of-visualization-in-the-kibana-dashboard-can-anyone-please-provide-any-information-on-this/316733/1 "2022-10-17T06:36:42Z")

</div>

![image](https://us1.discourse-cdn.com/elastic/original/3X/d/2/d26e84dc64c7c7527edc0045e08fb99a7961b228.png)  
I want to create one button which shows this kind of information in it. If anyone has this kind of solution or information please do help me.  
Thank you  
Regards  
Abhi

---

<div class="post-metadata">

**Author:** ![Felix\_Roessel](https://sea2.discourse-cdn.com/elastic/user_avatar/discuss.elastic.co/felix_roessel/32/41623_2.png) [@Felix\_Roessel](https://discuss.elastic.co/u/Felix_Roessel)\
**Post date:** [October 18, 2022, 8:08am UTC](https://discuss.elastic.co/t/i-want-to-have-a-button-kind-of-visualization-in-the-kibana-dashboard-can-anyone-please-provide-any-information-on-this/316733/2 "2022-10-18T08:08:29Z")

</div>

Welcome to the community Abhi,

there are multiple ways to achieve that.  
You can use [Canvas](https://elastic-content-share.eu/downloads/tag/canvas/) if you want to have a pixel perfect dashboard that enables you to also add those buttons in any style you like.

If you prefer using a classic Kibana dashboard you can do that with [Time Series Visual Builder](https://elastic-content-share.eu/downloads/buttons-for-kibana-dashboards/) or [Vega](https://elastic-content-share.eu/downloads/traffic-light-using-vega/).

Also you can define so called [drill downs](https://www.elastic.co/guide/en/kibana/current/drilldowns.html) when the visualization is placed in a dashboard. This works best with Lens visualizations.

I hope that helps.

---

<div class="post-metadata">

**Author:** ![abhinay\_nalla](https://sea2.discourse-cdn.com/elastic/user_avatar/discuss.elastic.co/abhinay_nalla/32/108015_2.png) [@abhinay\_nalla](https://discuss.elastic.co/u/abhinay_nalla)\
**Post date:** [October 18, 2022, 8:44am UTC](https://discuss.elastic.co/t/i-want-to-have-a-button-kind-of-visualization-in-the-kibana-dashboard-can-anyone-please-provide-any-information-on-this/316733/3 "2022-10-18T08:44:00Z")

</div>

Thank you so much Felix for your answers, I will try to follow as you said.

---

<div class="post-metadata">

**Author:** ![abhinay\_nalla](https://sea2.discourse-cdn.com/elastic/user_avatar/discuss.elastic.co/abhinay_nalla/32/108015_2.png) [@abhinay\_nalla](https://discuss.elastic.co/u/abhinay_nalla)\
**Post date:** [October 18, 2022, 12:36pm UTC](https://discuss.elastic.co/t/i-want-to-have-a-button-kind-of-visualization-in-the-kibana-dashboard-can-anyone-please-provide-any-information-on-this/316733/4 "2022-10-18T12:36:51Z")

</div>

Hi, Seems like CANVAS won't work for me. I have tried please check the attached picture.  
I want to display a button with some custom text on it which changes based on kql queries.  
eg. I want "ALARM" text if kql : "field" \> 90  
"OK" text if kql : "field" \< 40  
If possible can you please provide me the VEGA documentation or information to create it.  
 ![image](https://us1.discourse-cdn.com/elastic/original/3X/0/6/06cd0e78a7815dd65f14b206580f743d5ce5053f.png)

---

<div class="post-metadata">

**Author:** ![abhinay\_nalla](https://sea2.discourse-cdn.com/elastic/user_avatar/discuss.elastic.co/abhinay_nalla/32/108015_2.png) [@abhinay\_nalla](https://discuss.elastic.co/u/abhinay_nalla)\
**Post date:** [October 25, 2022, 12:59pm UTC](https://discuss.elastic.co/t/i-want-to-have-a-button-kind-of-visualization-in-the-kibana-dashboard-can-anyone-please-provide-any-information-on-this/316733/6 "2022-10-25T12:59:15Z")

</div>

Hi,  
Can you please help me ? I want to have buttons in Kibana with custom status text shown on them which depends on KQL queries.  
example = "OK" text should appear on the button if count of records for a KQL query is \< 10.  
"WARNING" text should appear on the same button if count of records for a kql query is \> 40.

And these buttons has to clickable , after clicking user should navigate to a different dashboard.

please let me know if this type of functionality is possible in Kibana . if yes ? how ?  
Uploading: image.png...

---

<div class="post-metadata">

**Author:** ![Felix\_Roessel](https://sea2.discourse-cdn.com/elastic/user_avatar/discuss.elastic.co/felix_roessel/32/41623_2.png) [@Felix\_Roessel](https://discuss.elastic.co/u/Felix_Roessel)\
**Post date:** [October 25, 2022, 1:12pm UTC](https://discuss.elastic.co/t/i-want-to-have-a-button-kind-of-visualization-in-the-kibana-dashboard-can-anyone-please-provide-any-information-on-this/316733/7 "2022-10-25T13:12:33Z")

</div>

It will work with canvas and vega.

Where do you struggle in canvas?  
Can you post the expression you use in canvas?

---

<div class="post-metadata">

**Author:** ![abhinay\_nalla](https://sea2.discourse-cdn.com/elastic/user_avatar/discuss.elastic.co/abhinay_nalla/32/108015_2.png) [@abhinay\_nalla](https://discuss.elastic.co/u/abhinay_nalla)\
**Post date:** [October 26, 2022, 6:56am UTC](https://discuss.elastic.co/t/i-want-to-have-a-button-kind-of-visualization-in-the-kibana-dashboard-can-anyone-please-provide-any-information-on-this/316733/8 "2022-10-26T06:56:13Z")

</div>

Hi, Thank you for the reply. Can you please provide any example expression for the Canvas?

---

<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:** [November 22, 2022, 5:48pm UTC](https://discuss.elastic.co/t/i-want-to-have-a-button-kind-of-visualization-in-the-kibana-dashboard-can-anyone-please-provide-any-information-on-this/316733/9 "2022-11-22T17:48:01Z")

</div>



---

<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 20, 2022, 5:48pm UTC](https://discuss.elastic.co/t/i-want-to-have-a-button-kind-of-visualization-in-the-kibana-dashboard-can-anyone-please-provide-any-information-on-this/316733/10 "2022-12-20T17:48:21Z")

</div>

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