Progressive Disclosure Implementation

Implementation instructions for Progressive Disclosure

Note: This page is a work-in-progress. Feedback and suggested improvements are welcome. Please join the discussion on moodle.org or use the page comments.

(UI consistency guidelines project): To give new developers a head start: brief advice on how to implement the recommended elements? (Of course, the APIs should be good enough to not require lots of extra code.)

As an usability practitioner, this is where I am hoping to have developers have a play: there is probably some documentation available already about how to implement many of these things, but the developers who are already 'in' know how to find it best.

So add links to appropriate places - or if need be, implementation pages like this are perfect placeholders to put also new information about how to implement things. --Olli Savolainen 22:20, 3 June 2009 (UTC)

Simple progressive disclosure in a form

the form before pressing the "show advanced" button

the form after pressing the "show advanced" button

This will store the information in a session, about in which state the form was left, so if you press the 'Show advanced' button once, you will see the advanced controls shown anytime you come back to the form.

Address of this example in your Moodle

Assuming the quiz in question has the module id of 2, the address is:

/course/modedit.php?update=2&return=1

(add a link here to an actual demo installation? if so, that would have to keep its urls forever, i.e. probably have a moodle version installed that doesn't get upgraded)

How to access this screen

• Create a quiz in a course, and open it. The configuration form will be shown
• Alternatively, open an existing quiz as a teacher and press the "Update this quiz" button

The location of the code for this implementation

Please fill in location(s) in either http://cvs.moodle.org/ or in the code cross-reference (the latter is probably more useful), specifying the Moodle version where this information applies.

Implementation How-to

This example uses Moodle Formslib.

Please fill in, copying information as necessary from Development_talk:Progressive_Disclosure#Examples, specifying the Moodle version(s) where this information applies.