Moodle JavaScript Cookbook

Chapter 7. Advanced Layout Techniques

In this chapter, we will cover:

• Adding a fly-out navigation menu
• Adding a drop-down navigation menu
• Displaying a tree-view navigation menu
• Adding a tabbed content control
• Displaying content in a modal window

Introduction

In this chapter, we will look at a selection of techniques available which are designed to enhance the way users interact with our content. First of all, we will look at the different ways we can present a navigation menu, giving the user a convenient list of the content that we are making available to them. Secondly, we will look at two different ways we can present the actual content to which they have navigated.

We will look at methods of enhancing the display and navigation of page content, by ...