This sleek tabs interaction was created using the lightbox feature in Storyline 360.
Published 5 years ago
Version 1.0
Blog Post
22 Comments
Comments have been turned off for this post
- Thanks so much for this cool download! I am having trouble playing it out though when I upload it to Review 360 and try to add it as an interactive SL block to Rise. The lightboxes down't actually work. Could you kindly shed some light? Thanks very much.
- Hi Jessica!
Everything seems to be working as expected on my end. Can you test out this link for me: https://rise.articulate.com/share/4MEzxzd9sWrWnz5SpQYPyS3SemFc_qmx ? - Hi Jessica and Allison,
I am also finding the same issue that Jessica has when uploading to Review 360 and adding to Rise.- Hi there,
Hmm... that's odd! Did you try my link above? Does that work for you?
- good job
- This is beautiful work, Allison! Thanks for sharing!
- Thank you! And you're welcome :)
- This looks great! Thanks for sharing! I'm using this template and having some trouble.
I am fairly new to SL so I'm trying to figure things out still. I can't seem to find the checkmarks that show up after the learner viewes the image. I want to edit them to fit my use but am not sure where I do that. Any help would be much appreciated!
Thank you!!- Hi Matt,
I had an adjustment to make with this as well when I used it.
You need to click on the button image (Base layer), Change from the timeline to States, choose Edit states, then look at the "visited" state and select it.
In the screen button area you'll see the check mark and hotspot, which may (as mine were) be off center. Click and drag each of those elements to center them, then click Done editing states. Hope this helps!- Thanks for jumping in here, Steve! :)
- Thanks so much, Steve! Yes, it helps immensely! I didn't think to check the States tab for each image, but that makes perfect sense.
- Hi Allison. Lovely template. I do have a quick question though. I'm not finding the layer with the X in the upper-right that appears once you click on each of the buttons to close out each layer of the buttons. It doesn't appear in the slide or feedback masters...can you tell me what I'm overlooking?
- Not sure on this, new to lightboxes, but I think the X is built into the functionality. In other words, when you ctrl click on all the slides for the Lightbox slide and choose "Preview selected slides", it will let you click on either the side menu tabs (no X to close) or the image buttons (show the lightbox with the X to close).
I'm not sure this X can be edited, but if someone knows how I'd love to hear it as well. I think when you choose the "lightbox" trigger element on any image button on the base layer, it is built-in. I can't find it anywhere on the supporting slides that display each lightbox.- Hi Tiffany,
Steve is correct, there's no layer with the X on it, the lightbox is a built-in functionality. There's no way to edit the way it looks. For more info on this feature, check out this article: https://community.articulate.com/articles/all-about-lightboxes-in-storyline-360
I did create a version of this interaction with layers instead of using the lightbox feature which you CAN edit. Here's that version in case it's helpful: https://community.articulate.com/download/storyline-360-custom-lightbox-tabs-two-ways
And here's the article I wrote about how I built that template: https://community.articulate.com/articles/how-to-create-a-custom-lightbox-effect-in-storyline-360
- superbe bravo et merci pour le partage :)
- Thanks for this lovely template! I'm experiencing an issue and I'm wondering if I'm doing something wrong (fairly new SL user).
I uploaded the template and changed the images. I deleted two tabs as I only needed three.
When I preview the content, the images on the first slide change shape, position and size after clicking to open the lightbox. Once you click the x icon, the images on the first slide remain at the incorrect shape and size.
Is there a setting or something that I'm missing? Thanks! - Thank you for great template! I plan to use it soon.
- Hello, when I try to view the template within Rise360 the Lightbox slides do not open, Could you help me?
- Hi Isabel,
I'm so sorry you ran into this problem! It looks like there was an issue with the .story file, but I've fixed it and updated it. Please download the new version and it should work! :)
