Blog Post

E-Learning Challenges
1 MIN READ

Using Scrolling Panels to Manage Content in E-Learning #387

DavidAnderson's avatar
3 years ago

Using Scrolling Panels in E-Learning #387: Challenge | Recap

Challenge of the Week

This week, your challenge is to share an example that demonstrates how scrolling panels can be used to present content that doesn't fit well on the slide.

Resources

Share Your E-Learning Work

  • Comments: Use the comments section below to share a link to your published example and blog post.
  • Forums: Start  your own 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 back to your posts so the great work you’re sharing gets even more exposure.
  • Social Media: If you share your demos on Twitter or LinkedIn, try using #ELHChallenge so your tweeps can track your e-learning coolness.

Last Week’s Challenge:

To help get your creative juices scrolling, take a look at the brutalist design examples your fellow challengers shared in last week's challenge:

Brutalism in E-Learning Design RECAP #386: 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

Published 3 years ago
Version 1.0
  • @Davidanderson Is there a video tutorial for scrolling panels? I read the the tutorial but I'm still a bit clunky with it.
  • Being a fan of the spy world, I LOVED THIS! Great integration of scrolling panel to "I spy". The story was excellent and kept one turning the "page". Reminded me of the Gray Man movie. And I loved the painting filter on the images. Super use of color and intrigue. You nailed it on many levels Philip! One potential tweak, I had a hard time accessing the scroll bar to the right (in ID the agents scene). It seemed a little too far right. Or maybe was my screen... And I didn't think the code was too difficult, you want to have a little spy challenge and be observant in your surroundings. :)
    • PhilipCranston's avatar
      PhilipCranston
      Community Member
      Thanks for your comments Cyd - good to hear there is a spy fan out there.

      Yes, it was a bit fiddly trying to use the scroll panels the way I wanted. The biggest problem was adding the binocular silhouette overlay on top of the crowd image. I wanted the scroll bar to disappear as much as possible (hoping that people would use the mouse scroll, or trackpad scroll instead).

      I think I was alarmed by what the scroll bars look like in SL writing mode. Now I realise the scroll bars are much less prominent when viewing the published version. So I probably wouldn’t worry as much and let a full scroll bar go along the whole of the right-hand side of the binocular silhouette.
    • CydWalker_mwhc's avatar
      CydWalker_mwhc
      Community Member
      Welcome Lee! The good news is you can always add to the Challenge and they will add to a recap. They understand it can take more time to develop and add one. And they tend to issue a new challenge each week.
  • TeoKar's avatar
    TeoKar
    Community Member
    Oh snap, I was late adding my submission :'( Next time!
    • Teo, Teo, Teo. You know how this works. You can submit it anytime, and I'll add your example to the recap post.
    • HillaSchlegel's avatar
      HillaSchlegel
      Community Member
      This doesn't necessarily apply to text, but infographics can't be long enough for a scrolling panel. There were a lot of interesting facts. I really like this!