This page explains how to use the iFrame Resizer
Requires: Ability to upload a file and add code to the html of your web site
This instruction is for version 4.2.10 of iFrame Resizer. There may be a newer version as documented here https://github.com/davidjbradshaw/iframe-resizer
It has been reported that this solution can cause security warnings in some browsers concerning cross domain scripts. A better solution would be to use a proxy so all scripts use the same domain.
Add the following to the menu (SETTINGS) > BOOKING PAGE > DEVELOPER "Insert in HTML head"
3 Your web page
Refer to the developers web site for a full set of options, instructions and troubleshooting.
- Download the iframeResizer.contentWindow.min.js file from the developer site or from https://beds24.com/include/iframeresizer/4.2.10/iframeResizer.min.js
- Upload the file to your web server and place it in the same directory as your web page.
- Remove any height parameter from your booking page iframe and add the script after the iframe, if necessary change the src path to the location of your iframeResizer.min.js file.
<iframe src="https://beds24.com/booking.php?propid=3103" width="100%" scrolling="no"></iframe>
Make sure to use the same version files on the booking page and your web page. (in this example 4.2.10)
If you prefer, you can set a fixed iframe width in pixels rather than a percentage width.