# Adding buttons in kibana markup visualisations

**URL:** <https://discuss.elastic.co/t/adding-buttons-in-kibana-markup-visualisations/261432>\
**Category:** Kibana\
**Created:** [January 18, 2021, 1:29pm UTC](https://discuss.elastic.co/t/adding-buttons-in-kibana-markup-visualisations/261432 "2021-01-18T13:29:10Z")\
**Posts on this page:** 7\
**Page:** 1

<div class="post-metadata">

**Author:** ![anjana1](https://avatars.discourse-cdn.com/v4/letter/a/22d042/32.png) [@anjana1](https://discuss.elastic.co/u/anjana1)\
**Post date:** [January 18, 2021, 1:29pm UTC](https://discuss.elastic.co/t/adding-buttons-in-kibana-markup-visualisations/261432/1 "2021-01-18T13:29:10Z")

</div>

Kibana version : 7.9

I wanted to add button to my mark up visualisation . Is there any short cuts that we add in mark up like square bracket we add to get links .  
Any way we can bring buttons in that markup visualisation. If any body has custom plugin code pls share

---

<div class="post-metadata">

**Author:** ![markov00](https://sea2.discourse-cdn.com/elastic/user_avatar/discuss.elastic.co/markov00/32/33316_2.png) [@markov00](https://discuss.elastic.co/u/markov00)\
**Post date:** [January 18, 2021, 3:08pm UTC](https://discuss.elastic.co/t/adding-buttons-in-kibana-markup-visualisations/261432/2 "2021-01-18T15:08:18Z")

</div>

Hi, this is not currently possible in markdown nor in other default visualizations plugin.  
You can add button only in a Vega visualization but it will be only limited to work within the vega panel itself: [https://vega.github.io/vega-lite/docs/bind.html](https://vega.github.io/vega-lite/docs/bind.html)  
What is your use-case for adding a button in a visualization?

---

<div class="post-metadata">

**Author:** ![markov00](https://sea2.discourse-cdn.com/elastic/user_avatar/discuss.elastic.co/markov00/32/33316_2.png) [@markov00](https://discuss.elastic.co/u/markov00)\
**Post date:** [January 18, 2021, 3:23pm UTC](https://discuss.elastic.co/t/adding-buttons-in-kibana-markup-visualisations/261432/3 "2021-01-18T15:23:44Z")

</div>

here there is an example of a vega visualization with a button to interact with the filter bar:

> [@Vega: Signal value automatically resets to initial value](https://discuss.elastic.co/t/vega-signal-value-automatically-resets-to-initial-value/261441):
>
> I am trying to create a toggle button using Vega viz to add/remove a Dashboard filter. Everything works fine except when I toggle it ON, the filter gets added but the toggle button jumps back to the OFF state automatically. I have to click for the second time to get the button to stay in the ON state. However, toggling OFF works fine with one click. Debugging shows that the value of the toggle signal resets to the initial value in the first click. Please find the code below. { "$schema": "ht…

---

<div class="post-metadata">

**Author:** ![anjana1](https://avatars.discourse-cdn.com/v4/letter/a/22d042/32.png) [@anjana1](https://discuss.elastic.co/u/anjana1)\
**Post date:** [January 18, 2021, 3:47pm UTC](https://discuss.elastic.co/t/adding-buttons-in-kibana-markup-visualisations/261432/4 "2021-01-18T15:47:10Z")

</div>

It acts just like a link to navigate to a screen and I use markups to show the breadcrumbs

---

<div class="post-metadata">

**Author:** ![markov00](https://sea2.discourse-cdn.com/elastic/user_avatar/discuss.elastic.co/markov00/32/33316_2.png) [@markov00](https://discuss.elastic.co/u/markov00)\
**Post date:** [January 18, 2021, 3:48pm UTC](https://discuss.elastic.co/t/adding-buttons-in-kibana-markup-visualisations/261432/5 "2021-01-18T15:48:38Z")

</div>

why not using directly a link in markdown?

---

<div class="post-metadata">

**Author:** ![anjana1](https://avatars.discourse-cdn.com/v4/letter/a/22d042/32.png) [@anjana1](https://discuss.elastic.co/u/anjana1)\
**Post date:** [January 18, 2021, 4:05pm UTC](https://discuss.elastic.co/t/adding-buttons-in-kibana-markup-visualisations/261432/6 "2021-01-18T16:05:47Z")

</div>

Its for a better look and feel of the UI .. I could do it by adding an image which acts like a button using the syntax

[![image] ([http://xxx.xxx.xx.xx:5602/ui/favicons/home.png](http://xxx.xxx.xx.xx:5602/ui/favicons/home.png))] [URL]

Note: remove spaces above in between braces

---

<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:** [February 15, 2021, 4:05pm UTC](https://discuss.elastic.co/t/adding-buttons-in-kibana-markup-visualisations/261432/7 "2021-02-15T16:05:48Z")

</div>

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