# Canvas integrate in Iframe

**URL:** <https://discuss.elastic.co/t/canvas-integrate-in-iframe/288975>\
**Category:** Kibana\
**Tags:** canvas\
**Created:** [November 11, 2021, 9:36am UTC](https://discuss.elastic.co/t/canvas-integrate-in-iframe/288975 "2021-11-11T09:36:29Z")\
**Posts on this page:** 3\
**Page:** 1

<div class="post-metadata">

**Author:** ![AlexM566](https://sea2.discourse-cdn.com/elastic/user_avatar/discuss.elastic.co/alexm566/32/89480_2.png) [@AlexM566](https://discuss.elastic.co/u/AlexM566)\
**Post date:** [November 11, 2021, 9:36am UTC](https://discuss.elastic.co/t/canvas-integrate-in-iframe/288975/1 "2021-11-11T09:36:29Z")

</div>

Hi everyone,

I want to share my Canvas into a web-page using iframe and I want to get rid off by the top panel and the right panel and also display into a fullscreen mode. I know I can use the share on website option, but this one it will not show the dynamical kibana elements inside a canvas workpad.  
So what I want to know is to get rid off some and display into a fullscreen.

This is my code:

```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>
<head>
<script type = "text/javascript"> 

 
</script> 
</head>

<body>
<h1>Test</h1>

<iframe src="link?embed=true& __autoplayInterval=5s&__ fullscreen=true&show-time-filter=true&hide-filter-bar=true" width="100%" height="800px"></iframe>

  
</body>
</html>

```

 ![image](https://us1.discourse-cdn.com/elastic/original/3X/f/d/fd7ff385ca42132130f2ec413e7d84f0f24c1321.png)

So the divs with blue is thinks I want to get rid off.

Any help is welcomed.  
Thank you,  
Alex

---

<div class="post-metadata">

**Author:** ![jsanz](https://sea2.discourse-cdn.com/elastic/user_avatar/discuss.elastic.co/jsanz/32/53734_2.png) [@jsanz](https://discuss.elastic.co/u/jsanz)\
**Post date:** [November 15, 2021, 3:43pm UTC](https://discuss.elastic.co/t/canvas-integrate-in-iframe/288975/2 "2021-11-15T15:43:39Z")

</div>

Not a Canvas expert but have you tried to use the `Hide editing controls` feature and then go Full Screen?

![Peek 2021-11-15 16-43](https://us1.discourse-cdn.com/elastic/original/3X/0/e/0e4d59865157f1c82c5e06981cd6c7187c4cfd33.gif)

---

<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 13, 2021, 3:44pm UTC](https://discuss.elastic.co/t/canvas-integrate-in-iframe/288975/3 "2021-12-13T15:44:06Z")

</div>

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