Any way to scroll cropped player on tablet?

Jul 10, 2013

The course I'm developing will be viewed by people in the field on Galaxy Tab 7 tablets. Skinny screen area available. The least ugly (of a few unattractive options) is to make the course deeper than the tablet screen and have them scroll up to better view the content and/or down to access the navigation. Except it won't scroll! Touch events are disabled for the mobile version and I can't figure out how to enable them.

Searching for this topic is difficult since there's a lot about scrolling panels, but that's not what I want.

Can the default touch events be re-enabled somehow? Anybody hacked "storyline_compiled.js" in the mobile output? I figure it has to be happening there. I'm not using drag and drops, so I don't care if that functionality was compromised.

Anybody got anything?

1 Reply

William Nunes
Author

almost 11 years ago07/10/13 at 12:53 pm (UTC)

Answering my own question: here's what I came up with:

My Storyline design is set to 975 pixels (the tablet pixel width is 1024).

After publishing I edited player.css (in the mobile folder):

I changed width from 100% to 975px in the following style:

html, body
{
   margin: 0;
   padding: 0;
   height: 100%;
   width: 975px;/*Ted Edit */

}

This narrows the body of the page so it displays the course on the tablet with a few pixels on either side that allow touch scrolling. (still can't scroll by touching/gesturing inside the player area but this hack is sufficient to do what I needed.)

I also altered this line in the header of story_html5.html to allow zooming in and out with a double-tap:

Any way to scroll cropped player on tablet?

1 Reply

This discussion is closed. You can start a new discussion or contact Articulate Support.