Jump to navigation Jump to search

Iframe Resizing

4 bytes removed, 22:07, 16 March 2020
no edit summary
This instruction is for an old version 4.2.10 of iFrame Resizer. We suggest using the latest There may be a newer version as documented here
Add the following to the menu SETTINGS -> BOOKING PAGE -> DEVELOPER "Insert in HTML head"
<script type="text/javascript" src="include/iframeresizer/34.52.310/iframeResizer.contentWindow.min.js"></script>
If you want to use a more recent version, you can host the file externally and include it with a full URL, make sure to use https:// to avoid insecure content warnings.
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
*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.
Make sure to use the same version files on the booking page and your web page. (in this example 34.52.310)
If you prefer, you can set a fixed iframe width in pixels rather than a percentage width.
There are many more options available for iframe-resizer, refer to the developer site. This example shows a minimum setup.

Navigation menu