Hi, I am trying to get the resize working with no success. What I want to achieve is very simple, the width of the iframed content should be 100vh, and the height should always be resized according to the amount of content inside the iframe. Apart from this I do not need any bells and whistles. Only the height should always be a amount so that the scroll bar doesnt appear. the iframe should feel native to my page.
The page i want to embed -
https://editify.studio/requestproject/
The page I want the above content embedded into -
https://editify.studio/request-project/
Both pages are on the same domain. The second page, ie the parent page currently has a standard iframe of the child page, but it is standard iframe with no resizing capabilities. I want to switch that standard iframe with the advanced iframe.
Any help from members or the admin would be appreciated.
This should be very simple. Please see:
https://www.tinywebgallery.com/blog/advanced-iframe/demo-advanced-iframe-2-0
Best regards, Michael
@admin Hey, I am not able to get it to work. Does buying a pro license get you support for having it installed?
You only have to set onload_resize="true" for the same domain.
If you need more advanced features of the resize of the pro version please see:
http://www.tinywebgallery.com/blog/advanced-iframe-resize-to-content-summary
Please see about support: https://codecanyon.net/page/item_support_policy
Best regards, Michael
Thanks for your patient response.
This is the shortcode I am using -
[advanced_iframe src="https://editify.studio/requestproject/" onload_resize="true" width="100%"]
And this is the result I am getting -
https://editify.studio/iframe-test/
I even reset the settings for the plugin to reset any change I might have made, but still no use.
Hey, so by using onload_resize="true" I was able to get it work on desktop. It seems the page was cached so couldn't see the updated page hence thought not working. It is working now
But this still doesnt work in mobile. On mobile the height needs to be much larger but it still doesnt adapt to cover the full height.
Also if you can check on the below example the first toggle switch reduces the height of the content, and i want the iframe to get shorter the moment the toggle is pressed on and vice versa. I tried the on-click and ajax options but they dont seem to provide the desired results. Can you lemme know which features are required to get this working?
