If you chose iframe as your platform and are using the iframe embed code on your site, you might run into issues with the sizing of your App.
iframes do not dynamically resize themselves according to App or browser screen size. An iframe always requires a defined height. That is why we include a default height of 600px in the iframe embed code, which looks something like this:
<iframe src="https://www.powr.io/plugins/form-builder/view?unique_label=123powrtest123&external_type=iframe" width="100%" height="600" frameborder="0"></iframe>
Our HTML embed code wraps the POWR iframe in an additional HTML div which calls a script for calculating your App's height. This also ensures that your App is mobile-responsive. Whenever possible, use HTML install instead of iframe install.
Where HTML install isn't possible, modify the height attribute in your App's iframe embed code (e.g. set height="1200" instead of height="600") to better match the height of your App's content. That way, you can make the App's frame on your page bigger or smaller.
Please sign in to leave a comment.