Changing the color of the StoryLine player DYNAMICALLY with JavaScript
In a recent post, a community member wanted to know if they could trigger a color change in the player dynamically when a user performed some action like clicking a button or starting a new course topic. The short answer is "No", StoryLine does not have this functionality. However, that doesn't mean that it can't be done with a little help from some built-in StoryLine functionality and a little JavaScript.
The key is to create some alternative style sheets using StoryLine and save them outside of your published project. Then, after you have added the required JavaScript to point to different style sources, re-publish and drop your files back in.
Watch the video, and hopefully it will all make sense. I've also included the files used in the video.
6 Replies
Good work Owen
Thanks Owen!
No problem!
Thanks Owen this is really useful!
I'm glad you found it so. Interested in hearing how you and others might use this?
Id like to see If i can track down other css in the html 5 files and create a toggle button for not just the player but also the content. Creating a normal but also a more accessible high contrast version of each storyline module.
I dont know if it's possible though.