Creating Full-Screen Colour Backgrounds in Articulate Storyline with JavaScript

Are you wondering how you can create a full-screen Articulate Storyline experience? Perhaps you are wanting to achieve a beautiful full-screen coloured background experience?


In this tutorial, I'll show you how you can achieve a beautiful full-screen coloured background experience in Articulate Storyline using JavaScript. This is a super-powerful, yet simple way to enhance the visual experience of your course. Take over your learners' browser, convey your brand, and transform your course into a web experience.



The Tutorial:



Tools and codes you'll need:


Tools

In this tutorial, I used Brackets.io, a free open source code editor with live preview options. I highly recommend Brackets.io if you're looking to do coding.


Code

I found this code originally on the Articulate Support page. You can view more and learn about JavaScript Best Practices by clicking this link.


parent.document.body.style.backgroundColor = "#30756E";


Wrap-up

If you have any questions about getting this to work, then please feel free to get in touch. If you found this tutorial helpful, then don't forget to subscribe to keep in the know.

Until next time - keep learning.

225 views

Subscribe today and enjoy latest news fresh in your inbox.

Learning Experience Designer

Troy Ashman

  • LinkedIn Icon
  • Facebook Icon
  • Twitter Icon
  • Instagram Icon

Contact

+61 0434 043 405
troyashman@gmail.com

Wentworth Point, NSW
Australia 2127

ABN:  18 248 306 216

© 2020  Troy Ashman

Let's keep in touch