Forum Discussion
STORYLINE LIGHTBOX BACKGROUND (MODERN PLAYER) NOT TRANSPARENT
Hello all,
I would like to know if it is possible to use the lightbox functionality and make the slide background of the lightbox 100% transparent. We don't want custom made because of certain reasons. The background keeps appearing of the slide itself opaque no matter what settings I try in the format background panel. It will not be transparent at all, also by trying changing this in the masterslide decks makes no difference. I've attached a screendump of what happens cq what I need. (photoshopped it).
Please let me know if it's possible. It influences our design decisions at this point so any decisive answer would be nice.
Kind regards and thanks for your answer in advance.
Judith
53 Replies
Hi,
Is there any way to adjust the outside of the light box transparency to make it so you don;t see much of the main slide behind it?
E
Hi Eric,
Is this what you're looking for? The menu on the picture is actually a slide in a lightbox.
https://www.rabbitoreg.com/officechallenge/story.html
Actually, re-reading your post you're looking for the opposite :)
I can not get this to work. I tried the Javascript
$(".lightbox").find("rect[id^='slide-bg']").hide();
But I can still see the square of the slide. Also, how did you make the light box a different size slide?
What am I doing wrong with the javscript?
Hi! For some reason, I can't make it work :(
I tried to trigger it from the lightbox timeline, from it's master slide and even from the slide that triggers the next slide as a lightbox, but in all cases, when I publish it, it still shows the lightbox background.
Any ideas?
Yes, Judith's suggestion is correct. You don't need the <script> tag within Storyline. (You would need that if you write your own script in an external HMTL document.)
Hi Lea
Remove the <script> in the beginning and the </script> in the end and just write:
$(".lightbox").find("rect[id^='slide-bg']").hide();
That should work! :-)
Ow my.... Zsolt Olah. I've tried it out and it works like a charm. You are my hero!
Thanks a lot.
Judith,
Check out the explanation here:
https://www.rabbitoreg.com/examples/p99/#/lessons/qwaDUCb3ub6_IKZVNgKWhdDZNilTFCqJ
Thank you very much for sharing this amazing code! You are a legend!
PS. You are the writer of this POP eBook I see. Thank you so much for sharing. I'll check the other stuff out as well. What a treasure...
You're welcome, Judith! Glad to share!
Yes Ashley that would be great. Thanks for your reply.
Hi Judith,
Are you using the modern player? Is this something you're aiming for?
https://360.articulate.com/review/content/e52d9f00-9bb2-4e70-873b-5edeb7103626/review
Zsolt
Hi Zsolt,
Is there any way to change the color/transparency of the preloader background?
Hi Judith,
Always happy to pass along feature ideas to our team.
It sounds like one of the options below would fit your needs:
- an ability to change the size of your lightbox (so it could only be your small white box), or,
- adjust the slide's background transparency
I'll keep an eye out for similar ideas and see what momentum is around this concept!
Hi Alyssa,
No. It doesn't. That's why I included my example. I need over a 40 popups to be available from anywhere. To include this in the main masterslide is possible but an overkill of data for all slides where this is applicable PLUS the technology to get this done (heaps of triggers and stuff) can be avoided by using lightboxes.
Too bad we can not make the background of the lightbox disappear. Can you make this a wanted feature perhaps?
I think this feature would be very nice to see in the future. For sure now because the look-and-feel of the lightbox functionality is improved big time! Just the background removal would be awesome and I would absolutely be over the moon ecstatic... :-)Hi Judith,
Your "what happens vs. what I need" screenshot was so helpful! Thanks for including that.
When you use a lightbox slide, the entire slide will always appear, including the white slide background.
What you need is really a layer. A layer can display with a transparent background so you can see the slide behind the layer.
Would using a layer rather than a lightbox work for your needs?
