Zoom disabled for html5

Hi Matt!

If you've applied the Zoom Picture feature to an image in your Articulate Storyline course, you may find that it doesn't work properly when the HTML5 output is viewed in mobile Safari on an iPad. Review this article for more information.

Thanks Leslie,

Actually this is not confined to zooming on an image. The issue is that zoom is disabled for the entire HTML document. This is because "user-scalable" is set to "no" in the viewport meta tag.

If you open the html5 document you can see the following tag in the head

<meta name="viewport" id="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no, minimal-ui" />

This prevents zoom the zoom functionality which I require. 

Applying this setting reduces usability as users cannot zoom in to view small text and creates an unpleasant user experience as mobile users are accustomed to zooming in and out of documents and expect this functionality.

In order for us to provide the best possible experience to our users we need to export html5 documents without this setting. It is possible to manually remove it after exporting but as our storyline designers do not necessarily know html I can't expect them to do so. 

Hi Matt!

Here’s how Storyline determines which version of your content to display when learners view it. Are you sharing the story.html file?

We're exporting it as a SCORM package with HTML5 and no mobile player. The SCORM package loads index_lms.html which redirects to index_lms_html5.html if a mobile browser if detected. The problem however is that the file index_lms_html5.html contains the metatag in my above post. This disables zoom functionality in mobile browsers. Without zoom the small text cannot be enlarged and the page is unusable on small displays. 

Hi Matt!

HTML5 output doesn't support gestures, such as pinch-to-zoom or swipe, on mobile devices. However, the Articulate Mobile Player app is optimized to support gestures.

If you wish to see this handled differently, I would suggest a feature request to our development team.

In addition, we do not support the modification of published output.

The problem isn't that gestures aren't supported. The problem is that *all* scaling is disabled as per the meta-tag. Considering that the html5 output isn't response this renders the output unusable on smaller screens. I'd rather not modify the published output, hence this question.

If there is no functionality to enable scaling then I will raise a support case as the html5 output functionality is effectively unusable. 

Thank you Matt!

I agree that users should be able to scale content on mobile devices. We're running into an example with interactive markers on an image that are very difficult to precisely select without the ability to zoom. I'll also be submitting a feature request.  

Has this feature been added? Is there a workaround for this? Is there anyway to allow users to zoom in and out of a page on a mobile device yet?

Storyline 360 and Storyline 3 allow zooming.

Hi Susan,

Here are the gestures you can use for the HTML5 output in Storyline 3/360. 

I think there should be an option for us to choose what gestures we want to make available on mobile devices. For example, I don't want the zoom feature in my module. There should be an option at the time of publishing that will allow me to uncheck the zoom feature.