Showing the Viewer in iframe
Our sample projects and report templates can help you learn the basics of working with our products.The viewer can be hosted inside an
Embed a viewer page in an iframe.
How it works. The viewer lives in its own document, so it integrates into any host page without sharing its stylesheet or global scope.
In the screenshot below you can see the result of the sample code:
iframe to keep its scripts and styles isolated from the host page.Embed a viewer page in an iframe.
<iframe style="width: 800px; height: 400px"
src="Using the Full-Screen Mode in the Viewer.html"></iframe>- The
srcpoints to a standalone page that builds the viewer with the usual Reports.JS code. - The iframe sandboxes the viewer's scripts and CSS so they cannot clash with the surrounding page.
How it works. The viewer lives in its own document, so it integrates into any host page without sharing its stylesheet or global scope.
In the screenshot below you can see the result of the sample code: