html 5 app does not resize in ios!!

Welcome to our brand new Clickteam Community Hub! We hope you will enjoy using the new features, which we will be further expanding in the coming months.

A few features including Passport are unavailable initially whilst we monitor stability of the new platform, we hope to bring these online very soon. Small issues will crop up following the import from our old system, including some message formatting, translation accuracy and other things.

Thank you for your patience whilst we've worked on this and we look forward to more exciting community developments soon!

Clickteam.

    Hi,
    It seems that the html5 apps generated by Fusion 2.5 will resize to fill the window in Android devices but not in ios devices. Here is an example you can see:
    Please login to see this link.
    You should see that it resizes responsively when using android but doesn't when using iOS devices like iPhone. Any ideas would be appreciated. I've been trying many things to no avail. Thanks

    Brett

    It seems that this has something to do with the way iOS interprets iFrames and how the html5 resizes. It does not resize to fill the iframe but only in iOS. Any insight into why this is or potential fixes? I have been trying to figure this out for months now and I'm running up on a deadline. Please let me know if you have any insight! I'd appreciate it! Thanks,
    Brett

    HAve you figured anything out on this? I've been playing with html5 free version and have found an inability to resize on iOS, which pretty much guarantees that I don't need to but the exporter. Without iOS support, there is no reason to build for html5.

    Hi,
    I finally figured something out. It will resize correctly only if you modify the canvas element of the Fusion-generated index.html file.

    Here is what it originally looks like in index.html:
    <canvas id="MMFCanvas" width="640" height="880">
    Your browser does not support Canvas.
    </canvas>

    You need to add in style attributes as shown below:
    <canvas id="MMFCanvas" width="640" height="880" style="width: 1px; min-width:100%">
    Your browser does not support Canvas.
    </canvas>

    Notice that this was added: style="width: 1px; min-width:100%"

    This seems to work but I'll need to keep testing to make sure. I still have problems with iOS positioning edit boxes strangely but it is much better than before. If anyone has insight into positioning for iOS, I'd appreciate it. Thanks,
    Brett

    Also noticed something... My current HTML5 project (xmas ecard) doesn't scale properly on an iPhone 6+ on iOS9. BUT if I change orientation from portrait to landscape, it DOES scale correctly, and changing back again to portrait also scales correctly. It's just the initial display of the HTML5 app that doesn't scale correctly. That's very strange.

    Works fine on iPhones 5 with iOS8. And Android 6. And PCs (Chrome).

    This CSS is what is working for me now. It also fixes the problem where iOS doesn't resize iframed apps correctly on orientation changes.

    style="max-width :100%; min-width:100%"

    Apply this to the canvas as mentioned in my earlier post in this thread. Thanks
    Brett

    Quote from brett

    This seems to have stopped working suddenly. Now all I get is a blank screen instead of the app. What is going on? Any ideas would be great. Thanks,
    Brett

    Probably because the page just gives a 404.

    Please login to see this link., Please login to see this link.
    Discord: Please login to see this link., Please login to see this link., Please login to see this link.

Participate now!

Don’t have an account yet? Register yourself now and be a part of our community!

Register Yourself Login