# Kibana dashboard embed in iframe

**URL:** https://discuss.elastic.co/t/kibana-dashboard-embed-in-iframe/93776
**Category:** Kibana
**Created:** [July 19, 2017, 1:45pm UTC](https://discuss.elastic.co/t/kibana-dashboard-embed-in-iframe/93776 "2017-07-19T13:45:04Z")
**Posts on this page:** 5
**Page:** 1

<div class="post-metadata">

### Author: ![Filippo\_Pisapia](https://sea2.discourse-cdn.com/elastic/user_avatar/discuss.elastic.co/filippo_pisapia/32/51909_2.png) [@Filippo\_Pisapia](https://discuss.elastic.co/u/Filippo_Pisapia)
#### Post date: [July 19, 2017, 1:45pm UTC](https://discuss.elastic.co/t/kibana-dashboard-embed-in-iframe/93776/1 "2017-07-19T13:45:05Z")

</div>

Hi all,  
i'm finding problems embedding kibana dashboards in iframe on ipad device using both safari and firefox. (dashboard go over the maximum visible page size)

Some one have a template html that manage them correctly?

Many thanks

Filippo

---

<div class="post-metadata">

### Author: ![tsullivan](https://sea2.discourse-cdn.com/elastic/user_avatar/discuss.elastic.co/tsullivan/32/31077_2.png) [@tsullivan](https://discuss.elastic.co/u/tsullivan)
#### Post date: [July 19, 2017, 9:56pm UTC](https://discuss.elastic.co/t/kibana-dashboard-embed-in-iframe/93776/2 "2017-07-19T21:56:22Z")

</div>

This doesn't really have to do with Kibana being embedded in an iframe. There is an open issue to improve the experience of using Kibana on mobile: [https://github.com/elastic/kibana/issues/2563](https://github.com/elastic/kibana/issues/2563)

---

<div class="post-metadata">

### Author: ![Filippo\_Pisapia](https://sea2.discourse-cdn.com/elastic/user_avatar/discuss.elastic.co/filippo_pisapia/32/51909_2.png) [@Filippo\_Pisapia](https://discuss.elastic.co/u/Filippo_Pisapia)
#### Post date: [July 24, 2017, 9:09am UTC](https://discuss.elastic.co/t/kibana-dashboard-embed-in-iframe/93776/3 "2017-07-24T09:09:41Z")

</div>

You are right Tim,  
but how to make iframe to fit 100% height and width of the page?  
beacuse the kibana genereted link to embed dashhboard has a fixed 660\*800 px diemnsions.

Many thanks

Filippo

---

<div class="post-metadata">

### Author: ![tsullivan](https://sea2.discourse-cdn.com/elastic/user_avatar/discuss.elastic.co/tsullivan/32/31077_2.png) [@tsullivan](https://discuss.elastic.co/u/tsullivan)
#### Post date: [July 24, 2017, 5:17pm UTC](https://discuss.elastic.co/t/kibana-dashboard-embed-in-iframe/93776/4 "2017-07-24T17:17:48Z")

</div>

You can remove the dimensions of the iframe tag, and add some CSS to the page to style the iframe so it takes up the entire dimensions of the window.

This is more of a basic HTML/CSS question, but I don't mind helping out. I grabbed some HTML code for an "Embedded iframe" saved visualization, which was:

```auto
<iframe src="https://my-kibana-url.local:5601/app/kibana#/visualize/edit/673fe120-6e78-11e7-bb4c-c5fcde858343?embed=true&_g=(refreshInterval%3A(display%3AOff%2Cpause%3A!f%2Cvalue%3A0)%2Ctime%3A(from%3Anow-5y%2Cmode%3Aquick%2Cto%3Anow))" height="600" width="800"></iframe>

```

Then I put the iframe tag into an HTML file, removed the height and width attributes from the iframe tag, and added some CSS to make the iframe take up the entire page:

```auto
<!DOCTYPE html>
<html>
  <style type="text/css">
    html, body { margin: 0; padding 0; width: 100%; height: 100%;}
    iframe { border: 0; width: 100%; height: 99%; }
  </style>
  <body>
    <iframe src="https://my-kibana-url.local:5601/app/kibana#/visualize/edit/673fe120-6e78-11e7-bb4c-c5fcde858343?embed=true&_g=(refreshInterval%3A(display%3AOff%2Cpause%3A!f%2Cvalue%3A0)%2Ctime%3A(from%3Anow-5y%2Cmode%3Aquick%2Cto%3Anow))"></iframe>
  </body>
</html>

```

---

<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: [August 21, 2017, 5:17pm UTC](https://discuss.elastic.co/t/kibana-dashboard-embed-in-iframe/93776/5 "2017-08-21T17:17:53Z")

</div>

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