Zoom disabled for html5

May 06, 2015

We're using storyline 2 for an online course but testing finds the html5 option unusable on mobile devices. 

Aside from not being responsive the zoom has been disabled making the small text unreadable and the application unusable. I have no idea why zoom is disabled but this is an absurd default setting as it is in direct conflict with common web design best practices. Is there an option anywhere to allow zoom? I could potentially edit the metatags in the *_html5.html file manually after each export but I can't expect most of our content editors to do that. 

12 Replies
Matt Elvey

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. 


Matt Elvey

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. 

Leslie McKerchie

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.

Matt Elvey

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.