# Dashboard kibana in a html file

**URL:** https://discuss.elastic.co/t/dashboard-kibana-in-a-html-file/38991
**Category:** Kibana
**Created:** [January 12, 2016, 2:37pm UTC](https://discuss.elastic.co/t/dashboard-kibana-in-a-html-file/38991 "2016-01-12T14:37:43Z")
**Posts on this page:** 7
**Page:** 1

<div class="post-metadata">

### Author: ![v.montaldo](https://sea2.discourse-cdn.com/elastic/user_avatar/discuss.elastic.co/v.montaldo/32/6099_2.png) [@v.montaldo](https://discuss.elastic.co/u/v.montaldo)
#### Post date: [January 12, 2016, 2:37pm UTC](https://discuss.elastic.co/t/dashboard-kibana-in-a-html-file/38991/1 "2016-01-12T14:37:44Z")

</div>

hi,  
I try to create a html file and to insert a kibana dashboard (ex:)

but when I filter in kibana the src change (ex:) but i cant' recover from html file the iframe src filtered of kibana.

I would recover into html file the iframe src, dynamically.

thanks a lot Valentina

---

<div class="post-metadata">

### Author: ![LeeDr](https://sea2.discourse-cdn.com/elastic/user_avatar/discuss.elastic.co/leedr/32/9289_2.png) [@LeeDr](https://discuss.elastic.co/u/LeeDr)
#### Post date: [January 12, 2016, 2:55pm UTC](https://discuss.elastic.co/t/dashboard-kibana-in-a-html-file/38991/2 "2016-01-12T14:55:18Z")

</div>

Hi Valentina,  
I'm not sure I understand what you mean by 'recover from html' and 'recover into html'.

Here's what I just did as a test.

1. In Kibana, I created an Area Chart, saved it, and clicked the Share button.
2. I copied the iframe html and pasted it into a new file 'kibana.html'
3. I surrounded the iframe with `<html><body><iframe here></body></html>`
4. I opened that file and I could see and interact with the Area Chart (all of Kibana in fact)
5. I added my saved visualization to a dashboard and saved that.
6. I clicked Share button, and copied that iframe into my kibana.html file and it also worked as expected.

Is this what you're trying to do?

Lee

---

<div class="post-metadata">

### Author: ![LeeDr](https://sea2.discourse-cdn.com/elastic/user_avatar/discuss.elastic.co/leedr/32/9289_2.png) [@LeeDr](https://discuss.elastic.co/u/LeeDr)
#### Post date: [January 12, 2016, 2:56pm UTC](https://discuss.elastic.co/t/dashboard-kibana-in-a-html-file/38991/3 "2016-01-12T14:56:53Z")

</div>

I think part of your original post got cut out. If you type some html you should select it, and then click the 'Preformatted Text' icon. It looks like `</>`

---

<div class="post-metadata">

### Author: ![v.montaldo](https://sea2.discourse-cdn.com/elastic/user_avatar/discuss.elastic.co/v.montaldo/32/6099_2.png) [@v.montaldo](https://discuss.elastic.co/u/v.montaldo)
#### Post date: [January 13, 2016, 2:20pm UTC](https://discuss.elastic.co/t/dashboard-kibana-in-a-html-file/38991/4 "2016-01-13T14:20:29Z")

</div>

I must simulate kibana with a file.html.

1. in kibana , I created a dashborard.  
2)I clicked Share button and I copied the source of iframe into : \< iframe ......./iframe\> in a file.html.  
3)In the file.html I clicked Go and from javascript :alert(document.getElementById('iframe').src); I recover the http of Kibana Iframe.

 ![](https://us1.discourse-cdn.com/elastic/original/2X/d/dc312d19d6e97857d6dd168183ec17e2d7dfc424.PNG)

1. I filtered in the kibana iframe .  

2. I clicked Go but I see the same http without a kibana filter. I must see the http modified with the filter directly from the file.html with the click of Go button?

---

<div class="post-metadata">

### Author: ![LeeDr](https://sea2.discourse-cdn.com/elastic/user_avatar/discuss.elastic.co/leedr/32/9289_2.png) [@LeeDr](https://discuss.elastic.co/u/LeeDr)
#### Post date: [January 13, 2016, 8:53pm UTC](https://discuss.elastic.co/t/dashboard-kibana-in-a-html-file/38991/5 "2016-01-13T20:53:02Z")

</div>

Hi Valentina,

What is the code for the Go button? Can you paste the whole page contents here?

Lee

---

<div class="post-metadata">

### Author: ![v.montaldo](https://sea2.discourse-cdn.com/elastic/user_avatar/discuss.elastic.co/v.montaldo/32/6099_2.png) [@v.montaldo](https://discuss.elastic.co/u/v.montaldo)
#### Post date: [January 14, 2016, 11:32am UTC](https://discuss.elastic.co/t/dashboard-kibana-in-a-html-file/38991/6 "2016-01-14T11:32:26Z")

</div>

Untitled Document

1. ![](https://us1.discourse-cdn.com/elastic/original/2X/7/7563eacd6a2d85bbd59cbbc2c3b0b0133e5a205a.PNG)
2. I click Go button  
 ![](https://us1.discourse-cdn.com/elastic/original/2X/2/2a9dd6c1a4e6ba4bb9eb8ed9f04053c1e06711d0.PNG)  
3)I filter into kibana iframe  
 ![](https://us1.discourse-cdn.com/elastic/original/2X/a/a5911b039561c695a85c4f67a3f0d146b024d493.PNG)  
4)I click Go button  
 ![](https://us1.discourse-cdn.com/elastic/original/2X/d/d85ea5f147bbea14c6b368727d8fabdd2618d35e.PNG)
3. I must see the src changed with the filter .(filters:!((meta:(disabled:!f,index:'\*-audit',key:action,negate:!f,value:LOGIN))

---

<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: [July 6, 2017, 2:05pm UTC](https://discuss.elastic.co/t/dashboard-kibana-in-a-html-file/38991/9 "2017-07-06T14:05:02Z")

</div>


