Full Screen Background freebie (Storyline 3)
May 05, 2018
I made a simple tab interaction for the challenge 199 and before sharing it with the community I wanted to try something new. Since I didn't have much time, it seemed to be a good idea to make a few changes with the player.
A few months ago, Melissa Milloway shared a post on LinkedIn and showed three different ways to create full-screen backgrounds in Storyline 3/ 360. It is possible to download the story files and code there.
I gave it a go and got a little surprised to see how it is easy to give a different look with a few lines of code.
Here it is;
One drawback I need to tell is that background picture won't appear on mobile, at least on Android. If you try and find a way to fix it, please let me know.
3 Replies
Currently, there is not a work around for this as the mobile player does not (yet) support JavaScript and I do not know if Articulate has any plans to support it at anytime in the future.
Thank you Owen,
I'm not good at coding, but I'd like to learn more. Today, I saw an example shared by Aman Vohra, which has a full screen background (I guess) and it works on mobile.
Here is his example if you want to have a look; http://www.amnvohra.com/projects/animated_tabs/story_html5.html
My guess is he is modifying the .css or .html5 files directly after publishing.
This discussion is closed. You can start a new discussion or contact Articulate Support.