Setup the iFrame script(contentWindow)
Include the following script inside the DatHuis App settings on https://app.dathuis.nl/-/apps/bb-waardecheck or https://app.dathuis.nl/-/apps/vbo-waardecheck/
<script src="https://cdn.jsdelivr.net/npm/iframe-resizer@4.2.11/js/iframeResizer.contentWindow.min.js" />
Setup the parent page script
To activate the iFrame Resizer you will need to include the following on your page:
<!-- Load the iframeResizer.min.js -->
<script
src="https://cdn.jsdelivr.net/npm/iframe-resizer@4.2.11/js/iframeResizer.min.js"></script>
<script>
// Wait for document to be loaded.
window.addEventListener('DOMContentLoaded', (event) => {
// Connect iframeResizer
iFrameResize({}, '#myIframe')
});
</script>
<!-- The actual iFrame -->
<iframe src="https://mijnwaardecheck.nl/<YOUR_ID>" id="myIframe" />
Do not forget to replace <YOUR_ID> with the path provided by the DatHuis app settings page.
For more documentation we would refer you to https://github.com/davidjbradshaw/iframe-resizer