Web windows and iPhones
May 28, 2015 12:00 AM
Using Lectora 12.1
I'm trying to create a mobile version of our course and I thought web windows would be a good way to get some larger pages to fit within the template via scrolling. It works exactly as I thought on a desktop browser, but does not work right at all on an iPhone. The web window ends up overlapping other content and will not scroll. This is just another page within the title. When I tried an outside website it showed the entire page covering up everything, even though it was set to initially hidden. Is this just not possible on iPhones?
Discussion (1)
Unfortunately, the overflow issue with iframes (aka web windows) used on iphones is an issue that extends beyond Lectora-built courses. The good news is that it's well documented and a quick Google search brings up a number of workarounds that you can try. What you'll end up needing to do is add an HTML Extension object and use the iframe embed code, rather than adding a Web Window, so you can customize the code.
Here are some articles I found that may be worth looking at - if you find a solution that works for you, let us know so we can share it with others and also work into the product!
http://davidwalsh.name/scroll-iframes-ios
http://stackoverflow.com/questions/26046373/iframe-scrolling-ios-8
http://stackoverflow.com/questions/14183647/scrolling-iframe-on-ios-is-solved-but-the-iframe-page-display-incomplete
http://dev.magnolia-cms.com/blog/2012/05/strategies-for-the-iframe-on-the-ipad-problem/
Discussions have been disabled for this post