Moodle Lightbox for Webpages

Improved Moodle Navigation
Kevin Brake
eLearningShow.com

Friday, October 29, 2010
One of the challenges my colleagues have faced when working with Moodle is navigation. Often, end users comment about getting lost during the completion of questionnaires, surveys or other activities.
We have solved this issue by providing end users with the opportunity to view content in a stand-alone popup window. Unlike traditional popup windows, this popup window fades the background of your current page and displays the current active topic in the foreground of the web browser.
This solves the problem of users being lost in an interface that has too many options and losing the point of the training session.
My colleagues and I are very excited about the possibilities of using this functionally and we are eager to share how you too can set up your Moodle to use Lightboxes!
How to install
Step 1: Download a Javascript Package
a) For example http://www.shadowbox-js.com/download.html
Step 2: Unzip the Javascript Package to your local computer
Step 3: Login to your moodle server
Step 4: Browse to /moodle/theme/your_theme
Step 5: Upload the contents of the Javascript Package
Step 6: Edit the header.html

Congratulations your Moodle Server is now ready to use the Shadowbox Feature. 
How to use
Step 1: Setting up your link

Step 2: Testing your link

In this example we have edited the contents of a Moodle Book, the link that is clicked pulls the Assessment from another webpage.

Setup Instructions
http://goo.gl/Cw05

Category:

Howto & Style

Tags:

• Moodle
• Lightbox
• for
• Webpages