Using Lighbox Slides for Performance Support in E-Learning #413

Using Lightbox Slides in E-Learning #413: Challenge | Recap

Looking for a way to present any type of content in an engaging, focused, and interactive way without requiring learners to navigate away from the current slide? Look no further than lightbox slides. 

Course designers use lightbox slides to load various types of content, such as images, videos, text, and job aids, in an overlay or modal window that appears above the current slide. This allows learners to focus on the displayed content without branching out to a new slide.

Here are some common ways to use lightbox slides in e-learning:

  • Quick reference guides: Use lightbox slides to present concise summaries of important information, such as key terms, formulas, or procedures. 
  • Quizzes and knowledge checks: Integrate quizzes or assessments within lightbox slides to check learners' understanding and provide immediate feedback. 
  • Supplemental resources: Lightbox slides can be used to present additional resources, such as PDFs, articles, or external websites, that support and expand upon course content. 
  • FAQs and help sections: Include a lightbox slide with frequently asked questions and answers or a help section to address common challenges or misunderstandings. 
  • On-demand video tutorials: Lightbox slides can be used to create step-by-step interactive tutorials that guide learners through a process or concept. 

Challenge of the Week

This week, your challenge is to show how lightbox slides can be used as performance support in e-learning. 


We’ve hosted a couple of lightbox challenges over the years. Check out the following recap posts to get an idea of how designers use this simple-yet-powerful tool in e-learning:

User Guide

On-Demand Training

Share Your E-Learning Work

  • Comments: Use the comments section below to link your published example and blog post.
  • Forums: Start a new thread and share a link to your published example.
  • Personal blog: If you have a blog, please consider writing about your challenges. We'll link to your posts so your great work gets even more exposure.
  • Social media: If you share your demos on Twitter or LinkedIn, try using #ELHChallenge so your tweeps can follow your e-learning coolness.

Last Week’s Challenge:

Before you light up this week’s challenge, check out the creative ideas your fellow community members shared for making compliance training more engaging for learners:

15 Compliance Scenarios & E-Learning Examples #412

Compliance E-Learning Examples RECAP #412: Challenge | Recap

New to the E-Learning Challenges?

The weekly e-learning challenges are ongoing opportunities to learn, share, and build your e-learning portfolios. You can jump into any or all of the previous challenges anytime you want. I’ll update the recap posts to include your demos.

Learn more about the challenges in this Q&A post and why and how to participate in this helpful article

Next Week’s Challenge & Webinar

I'm hosting a webinar next week on using interactive video in Storyline 360. I'll reference this week's challenge in the session and share your examples in the session.

Got an idea for a challenge? Are you interested in doing a webinar showcasing how you made one or more challenge demos? Or do you have some comments for your humble challenge host? Use this anonymous form to share your feedback:

Jonathan Hill
Jodi M. Sansone

Hi Doris. It is obvious that this one could have been done entirely with layers. This demo is not a perfect example of how to use lightbox. In fact, I'm still trying to figure out where lightbox would be better than layers (and some clients have told me, "Okay, but no lightbox please"). But David gave some food for thought in his presentation, and thinking about last week's challenge, you can imagine ONE slide with the compliance rules summary that can be called up by each of the hundred slides in your module (but that's not very sexy to do in a demo). If you need to update the summary, you do it once, not a hundred times on layers. Am I right? ... On a second thought, in the case of my demo, the "map" slide could usefully be one lightbox allowing to navigate between the different rooms o... Expand

Hilla Schlegel

Thank you Thierry for addressing this question. I would like to make a few comments on this myself. In my view, the great benefit of lightboxes is that they give learners the opportunity to pull content as needed. Here is an example from a previous challenge: This also gives the designer the opportunity to differentiate and customize the content of the lightbox according to the target audience. For example, there is more information at the time of practice, but by the time the exam is taken the entries will be adjusted and learners are expected to know something by heart. The reverse is of course also possible. Table of contents, progress meters, glossaries, abbreviations, learning notes ... can then be... Expand

Alison Sollars
Karin Lorbeck
Daniel Canaveral

360 triggers later...I present to you: Oligopoly! Note: Due to the ever-growing number of motion paths needed to account for every possible scenario, this demo only sees the selected game piece move across the top and right-side of the board. Also, it's currently programmed with the intent that you will land on the Jail and/or Jackpot squares, so if you were on, say, square 8 and rolled a 4, putting you one space after the Jail square, the game piece will not move. It will move, however, if you roll a 3 or 2, putting you that much closer to the Jail square. And should you find yourself in that position (i.e., one space before the Jail square), you can either wait to roll a 2...or simply click the g... Expand

Daniel Canaveral
Yigah Lhamo
Daniel Canaveral
Sarah Scott

Hi everyone. I go back and forth on my use of lightboxes… it just depends on the project, I suppose. I grabbed two examples that I’ve used before and put them on with a set of template slides, so it doesn’t all quite match, but you’ll get the gist. Both screens are accessible via links on the player. The first is a course logistics and navigation screen. In the module it came from, it’s in sequence after the title screen and the idea of having it on the player also was to give the learner the ability to easily return to it if they needed to revisit at any point. The second lightboxed screen is just a list of organizations that contributed to the course. *Please note there’s audio on the “navigation” lightboxed slide, but nowhere else. Expand

Courtney Roberts
Courtney Roberts