Storyline 2 Slider not working in HTML5 Output

Hello Everyone,

I was wondering if anyone else faced a problem with the new slider interactive element in Storyline 2. 

It doesn't seem to work on Safari and Chrome when its running in html5 mode. It just doesn't drag at all. Same with iPad Safari browser when run in html5 mode. The articulate mobile player on iPad seems to be fine.

It also works fine if the flash plugin is available for the browser in the flash mode. Anyone else faced this issue before?  Any suggestions?

53 Replies
Leslie McKerchie

Hello Cynthia,

Sorry to hear that you experienced an issue with this as well.

Are you utilizing Storyline 2? Are you using a Fade In animation on your slider? I do see where this issue has been reported to our team (looks like it could be Fly In or Wipe as well).

Since the last posting here, we have implemented a system to better prioritize issues based on user impact. I will certainly add this thread so that we can track both user impact as well as update when we can.

We do have it noted that the Float In animation works, so perhaps you could try that.

Carlene Barton

Just come across this issue. I don't have an animation on my slider. So far I've tried:

  • Removing slide transition
  • Removing hover state from slider
  • Enlarging thumb on slider
  • Slider was already ,solid fill but I've tried other fills just to be safe. 

I am using the latest version of chrome, however I did note the html5 version works fine in Internet Explorer?

 

Wendy Farmer

Hi Carlene

are you using SL2 or another version? Can you share the slide - perhaps someone can take a look and help you

Update: Sample SL2 file attached with a slider. It doesn't work in Chrome or Firefox but works in IE and Edge.

Update: Import the SL2 file into SL360 and the slider works fine in Chrome.

Carlene Barton

HI Wendy,

This is one I did last year so it's in 2. I can upgrade it to 3 if that will fix the issues?

All our resources are CC licensed so I've just attached the full resource.  The sliders are in the scene 'Boolean NOT'.

The link to it online is: https://www.escholar.manchester.ac.uk/learning-objects/temp-files/search-operators-test/story_html5.html 

Thanks for your help. 

Carlene

Diana Myers

Hello Heroes!

I know this thread is a tad stale, but I'm chiming in here as I have a simple Storyline 2 slider interaction that isn't working in Chrome. 

This Fill the Glass slider interaction 

  1. Has a standard SL2 slider
  2. There's no entrance animation on the slider nor on the slide itself
  3. The slider only changes the state of the freeform object "wine amount" (which has 14 states). 
  4. It was published for the Web and the HTML5 checkbox was ticked. 
  5. I published locally, the output is hosted on AWS and the link to the file is included on my e-Heroes profile page.  

I'm on a slightly older version of Chrome [Version 69.0.3497.100 (Official Build) (32-bit)], and it works just fine.  But when tested on the latest version of Chrome [Version 72.0.3626.121 (Official Build) (32-bit)] the slider doesn't move at all.  

FWIW, it works well for me in IE (Version: 11.1508.15063.0), and it worked in Opera 58 on Windows 10.

Any suggestions other than submitting a support case?  Thanks in advance for any help!

Leslie McKerchie

Hi Diana,

Thanks for reaching out and sharing what you see in your course.

It works perfectly for me in Chrome 72 on Mac and in Windows 10, but I did run into an issue in Firefox 65.

We have similar issues filed for both Chrome and Firefox-specific to viewing sliders in HTML5.

I'll add this conversation to the report, but no workaround is listed.

Diana Myers

Hi Leslie, thanks so much for popping in with a reply so quickly (not pandering, but you are amazing at that)!

I guess I'll wait it out for now as it's not a true course, but do you see this issue with just SL2?  I chair the St. Louis Storyline Special Interest Group, and a number of our attendees are still on SL2, so I typically create files in SL2 to make them available to as many people as possible.  

Diana Myers

@Leslie,

Great minds think alike as I just upgraded it to 360 as well to test that :-). 

Which also means that the free download post (https://community.articulate.com/download/storyline-360-fill-the-glass-challenge) mis-states that it's currently a 360 file...

How do I edit the text or replace the file on that download page?   Or is that something only a staff member can do?