STORYLINE LIGHTBOX BACKGROUND (MODERN PLAYER) NOT TRANSPARENT
Mar 12, 2019
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
50 Replies
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?
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,
Always happy to pass along feature ideas to our team.
It sounds like one of the options below would fit your needs:
I'll keep an eye out for similar ideas and see what momentum is around this concept!
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 (special name!) :-)
I do. Is that a normal lightbox? Because, I don't want to work with layers... Thanks for your reaction.
If it is a lightbox, how did you do this?
Judith
Judith,
Check out the explanation here:
https://www.rabbitoreg.com/examples/p99/#/lessons/qwaDUCb3ub6_IKZVNgKWhdDZNilTFCqJ
Ow my.... Zsolt Olah. I've tried it out and it works like a charm. You are my hero!
Thanks a lot.
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!
Hello. I am trying to do the same thing. I've added the code to a trigger but I can't get the background to be transparent. Could you please help me?
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! :-)
This post was removed by the author
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.)
Thank you very much for sharing this amazing code! You are a legend!
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?
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 :)
Hi, Zsolt.
Thank you for your response.
I attached what it currently looks like vs. what I am trying to accomplish.
Thank you!
Eric
eric@brassdrum.com
Hi Eric,
It looks like you replied by email, so your attachments didn't make it! Feel free to jump into this discussion and use the Add Attachment button for your reply!
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?
Oh nevermind on the slide size..it's because it's transparent duh and you created a box. But still stumped on the javascript...
I have been trying to get this to work as well, and nothing seems to do the trick. I also tried to use the code snippet to remove the close button and that does not work either.
Is it possible that Articulate changed something, perhaps naming, that is causing issues with the code?
Hi BIll,
I'll tell you what we did instead since we couldn't get the code to work. We used a layer and put a box on that layer the size of the slide and then made that box color slightly transparent and then put the contents on that box. I attached screenshots so that you can see. We had a video play, I set the layer to show once the media completed, and then you're able to see the content behind it and in front.
Hi Bill,
Take a look at this storyline file.
For the lightbox slide, there is an execute javascript trigger that sets the background to transparent.
I also added a couple of buttons that will show or hide the lightbox close button.