Forum Discussion
STORYLINE LIGHTBOX BACKGROUND (MODERN PLAYER) NOT TRANSPARENT
finally got it working by copying the code from Russell's "Lightbox_Transparent_Background.story" file, which seems to be different to the other code people say work. So who knows, but glad got it working
Hi Mark, unfortunately I can't open the story file you are referring to anymore. Would you be willing to share the code you used to make the background transparent? All the codes shared in previous posts did not work for me (neither when inserted on Master slide or on the lightbox slide itself.)
Hi Miriam,
Try this:
1. Create a base slide where you launch the light box.
2. Create another slide that will be the light box.
3. Set the background color of the light box slide to Fill Color (pick any), and drag the transparency all the way to 100%.
4. Add the following in the light box slide as a JavaScript trigger when the slide timeline starts:
document.getElementsByClassName('lightBoxSlide')[0].style.backgroundColor = "transparent"
document.getElementsByClassName('visible-overlay')[0].style.backgroundColor = "rgba(255, 255, 255, 0)"
document.getElementById('light-box-wrapper').style.background="none"
Here's an example: https://360.articulate.com/review/content/d58c7b60-d4e6-447c-b6d8-79696568620d/review
Bonus info: with a lightbox, Storyline saves your suspend data in the LMS. This has nothing to do with the transparency but good to know. For example, if build a game and you're staying a single slide and you gain score, the LMS will not remember it until you leave the side. OR you show something on a lightbox.Thanks so much!!! works like a charm!
Only the first time I opened it, the white background was visible for a
moment before it turned transparent. Is there any way to get rid of this
as well?Best,
Miriam
