Canvas integrate in Iframe

Elastic Stack Kibana
1

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:

<!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
image1926×696 52.4 KB

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

Any help is welcomed.
Thank you,
Alex

2

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

3

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