AppSuite:Wizard framework

From Open-Xchange
Revision as of 12:17, 15 July 2015 by Matthias.biggeleben (talk | contribs) (Created page with "===Wizard/Tour framework=== App Suite UI provides a simple but flexible framework to implement wizards and guided tours. The essence of both a wizard and a tour is a set of...")
(diff) ← Older revision | Latest revision (diff) | Newer revision → (diff)

Wizard/Tour framework

App Suite UI provides a simple but flexible framework to implement wizards and guided tours. The essence of both a wizard and a tour is a set of steps the end-user walks through. Usually a step is a smaller modal popup.

The starting point is the "Wizard" (or "Tour") class defined in io.ox/core/tk/wizard.js. A simple example: require(['io.ox/core/tk/wizard'], function (Tour) {

  new Tour()
  .step()
      .title('Welcome')
      .content('Lorem ipsum dolor sit amet, consetetur sadipscing elitr')
      .end()
  .start();

});