Forum Discussion
Hiding background slide
I'm using a Lightbox to display a Help slide that is accessible from any slide in the project. However, since my project is used with the menu collapsed, this means the Lightbox is centered over the original slide. This makes it look like a weird layout framing my lightbox that could be confusing for users.
There are 2 possible solutions that come to mind, but I don't know how to implement either.
- Increase the opacity of the overlay layer.
- I believe this could be done with javascript, but my project is currently not acknowledging any javascript triggers (an issue support is already investigating, but I want to plan as if it doesn't get solved just in case). If js were an option, I believe I'd start with this snippet another user posted and tweak the parameters:
-
const overlayElement = document.querySelector('.visible-overlay');
- Capture the open and close events in order to show and hide an opaque layer on the base slide.
- Open can be added to the click trigger that launches the lightbox.
- What trigger would be used to close that layer when done?
I figured out a workable solution, and it's pretty easy too. It takes advantage of the fact that the base slide is paused while the lightbox is open.
Create a HELP layer on each base slide:
- Set an opaque background.
- Set the timeline to .5 seconds.
- Do not hide other layers.
- Reset to Initial.
- When timeline starts, lightbox HELP slide.
- When timeline ends, hide layer HELP.
On the base slide, create a button:
- Set any variables needed for context sensitive Help slide.
- Show layer HELP.
3 Replies
Here's a possible and simple solution: Have the Help button jump to the Help slide (instead of lightboxing it).
On the Help slide, use the Slide Properties to hide the NEXT button. By default, the PREV button will return to whatever slide the user was on when they clicked the Help button.
Or, to make it more obvious this is a special slide, hide all the navigation buttons on the Help slide. Instead, use a custom button on the slide to return to the content.
I hide all my navigation, so that part wouldn't be an issue. But, I think the slides that reset to initial state would break if I let users wander away mid slide. I need to retain their progress.
I figured out a workable solution, and it's pretty easy too. It takes advantage of the fact that the base slide is paused while the lightbox is open.
Create a HELP layer on each base slide:
- Set an opaque background.
- Set the timeline to .5 seconds.
- Do not hide other layers.
- Reset to Initial.
- When timeline starts, lightbox HELP slide.
- When timeline ends, hide layer HELP.
On the base slide, create a button:
- Set any variables needed for context sensitive Help slide.
- Show layer HELP.
