After publishing, TOC scrollbar changes to gray

Hi there Sherri!

The difference you're seeing the scrollbars is due to viewing the Flash vs. the HTML5 output. The Flash output displays the blue scrollbar, and the HTML5 output incorrectly displays the grey scrollbar. We've reported this to our team, and they're monitoring the impact of this bug. I'll definitely add your experience to the report.

Flash:

HTML5:

If you see a grey scrollbar, double check that Flash is enabled in your browser. If Flash is disabled, the content will default to HTML5. If you're publishing with Storyline 360, you'll want to publish with Flash/HTML5. 

Thanks for your quick response and thank you for adding my experience to the bug. It will be a problem for us since a lot of our clients use devices that don't support Flash.

Thank you!

I absolutely understand, Sherri. I'll let you know as soon as I get an update!

Hi guys. I too have this problem and am keen to see the bug fixed. Thanks. This was a problem on SL3 and now on SL360 too, publishing as HTML5 with Flash fallback.

Hi Matt,

I see that this is an issue we have filed, so we'll be taking a look and let you know here as soon as we have any other information. 

I am also having this problem.  There seem to be SO many bugs between creating a course and viewing it for real.  Very frustrating.

And I've checked - I do have flash enabled...

Is the flash version displaying in your browser or is it the HTML5 version? It is still an open issue with our team.

It looks like the HTML version is displaying.  What I have found is that viewing the Tempshare file in Safari displays as it should.  *Of course* Articulate isn't compatible with Mac so I've had to build the course on a PC and the PC browsers all have the scrollbar issue.

Hi there Julie,

Really sorry for all the frustration this is causing you. It sounds like you've uploaded the web output to Tempshare and you're testing the URL in various PC and Mac browsers. Which PC browser causes the gray scrollbar to appear in your testing?

The grey scroll bar seems to be in Edge and Internet Explorer.

Julie Mountain
Director, Play Learning Life CIC

Email julie@playlearninglife.org.uk
Mobile 07970 955 558
Website www.playlearninglife.org.uk
Follow us on Facebook

Play Learning Life CIC is a social enterprise limited by guarantee and registered in England (No. 8011929)

Registered office: 64 Oak Hill, Alresford, Hampshire, SO24 9UG

Thanks, Julie.

We'll let you know here as soon as we can about this issue. 

Also, just a note:  Replying via email will include your signature. You can edit out your contact information from your post if you'd like!  

Gray scroll bar is also showing in preview.  I haven't published the course yet, but am pretty frustrated.  The gray looks terrible within the dark blue default colors. I've just updated my SL3, but that didn't change this issue.

Hi Joyce, 

We've seen some differences in the scrollbar based on viewing the Flash vs. HTML5 output of your courses. Also, the HTML5 output does not pick up the scroll players you've set in the player colors, that is specific for Flash. Our team is keeping an eye on these type of feature requests though, so we'll let you know if this is something we implement.

Looks like my teammate Ashley beat me to it! Let us know if you have any questions about that. 😊

I'm confused about this response. Does this mean that I (or someone) needs to make a feature request to have the colors act as expected in HTML5?  Since Flash is going away in the not too distant future, we are beginning to migrate to HTML5 and away from Flash. When Flash is gone, will we just have to live with the gray scroll bar, or is this actively being worked on for an update?

Hi there Joyce!  In the interest of transparency:  there is some discrepancy about whether this is a bug, or a feature that we can consider implementing.  I'd like to get some confirmation about how we're treating this issue from our team, and I'll be able to give you (and the others in this discussion) a more solid update on the direction for it.  I'll likely post an update next week.

Thanks for asking for clarification - it prompted some good QA on our end!

Thank you!

I just posted something about this, but not only is it showing up gray, now it has a black line through it, which doesn't look good. Also there is some issue with the Transcript > Separator appearing over the scroll bar...Something in the most recent update broke this. It was working better. It may have been gray, but it didn't have these weird lines appearing.

Hi there, Stephanie.  Connecting to this post here, as well... 

The color formatting of the scrollbar in HTML5 output isn't a feature we've implemented at this point, so it is expected that it will appear gray.  The overlapping separator is a bug that we've documented, and I'll let you know here if we release a fix for it!

It's been a while since this post. Is there an answer about whether it's a bug or a feature request that someone must submit? The gray looks terrible in courses with customized or dark color schemes. If a feature request needs to be submitted, could you supply the language as I'm not an IT person and know nothing about HTML5 other than that it doesn't play nicely with animation.

I'm a little bit confused why we've started calling this a feature. Since we can specify which color we want the scrollbar to be, shouldn't we be correct in assuming that the published version of the file displays the color we've chosen?

If the published version doesn't allow for the scrollbar to be customized, then that shouldn't be an option. We should be able to see what it really ends up looking like in our previews.

Great! Thanks!

This was part of my response to the above inquiry: The color formatting of the scrollbar in HTML5 output isn't a feature we've implemented at this point, so it is expected that it will appear gray.