Maximize view on mobile devices?

dangiuff · July 2, 2019, 2:39pm

Hi,

Is there a way to “maximise” the shapespark presentation when on a mobile device?
The maximize arrows found on a desktop preview doesnt appear on my phone.

Thanks in advance
Daniel

wojtek · July 2, 2019, 3:34pm

Hi!

Unfortunately, iOS doesn’t allow iframes to go full screen.

If you are in control of this website, you can consider adding a “fullscreen” button underneath the Shapespark embed if the website is viewed on iOS. This button could then be programmed to change the iframe size to fill the screen.

Mahesh · January 9, 2020, 10:18am

Hi @wojtek , Can you elaborate a little bit on how to add a button to enable full screen on iOS , or are they any help/tutorial to show the programming for button to go full screen.? Thank you.

wojtek · January 9, 2020, 1:34pm

@Mahesh, are you presenting your scene inside an iframe on some website? Or do you open the scene directly through the scene address, and you don’t see the full screen button?

Mahesh · January 10, 2020, 10:58am

@wojtek , I had given the scene using the scene link directly.If you want i can send the scene link to you in private.

wojtek · January 10, 2020, 12:12pm

Yes, please, send me a private message with the scene link.

What web brower are you using on iOS?

Mahesh · January 10, 2020, 12:32pm

I had used Safari browser and i have already send the link to you.

wojtek · January 10, 2020, 4:06pm

@Mahesh, sorry for the confusion. iOS doesn’t allow websites to go full screen as a result of a user action (iOS doesn’t support the fulscreen API).

What you can do is to add a home screen shortcut for the scene, as described in https://www.makeuseof.com/tag/add-website-shortcuts-iphone-home-screen/, and then open the scene through the shortcut. It will be then run in the full screen mode.

Mahesh · January 23, 2020, 5:21am

Thanks for the workaround @wojtek , I found some discussion regarding full screen on safari here , not sure if these might be helpfull but there they have discussed something about “webkitAllowFullScreen” (Don’t know how it works since i don’t have programming knowledge). Can you please check this and see if these are of any use/true?

https://stackoverflow.com/questions/19247910/safari-dont-go-to-fullscreen-from-iframe

https://stackoverflow.com/questions/16485919/open-webpage-in-fullscreen-in-safari-on-ios#

wojtek · January 23, 2020, 1:40pm

@Mahesh, thanks for the links.

Unfortunately, these discussions don’t help much with regard to entering full screen mode on iPhone. The first one is related to desktop Safari, which supports full screen mode, while the second describes what needs to be done for the home screen shortcut to open a site in full screen mode.

wojtek · January 24, 2020, 9:34am

I have one more clarification to this topic: iOS full screen mode doesn’t work on iPhones, but does work on iPads starting from iOS 12.2.

Mahesh · February 20, 2020, 11:56am

Thanks, @wojtek and sorry for the late response. Let me know in future if there is any new development or anything which will allow full screen on iPhones directly without the home screen shortcut workaround.