Versions Compared

Key

  • This line was added.
  • This line was removed.
  • Formatting was changed.

The Reorderer

Info
titleHow to use the Reorderer

For information on how to use the Reorderer, see

What is the Reorderer?

The Reorderer is a set of JavaScript objects that can be used by developers to create rich, accessible user interfaces that allow users to directly move around and re-arrange content on the page. The Reorderer supports mouse-based drag and drop as well as fully keyboard-accessible controls. It is designed to be flexible and will handle a variety of markup and layout types. Clear extension points are provided to customize its behaviour for new layouts, connection strategies, and markup binding strategies.

The Reorderer is designed to work across presentation technologies. We've used it in Java RSF and PHP-based applications, and contexts.

...

but it will work in any technology that can generate known element IDs and can respond to simple POST requests. The contract of the Reorderer is published and easy to implement.

Technical Information

Tutorials

Reorderer Road Map

The general upcoming road map for the Reorderer is as follows:

  • Create a public, easy-to-use API for extending layout handling behaviour
  • Handle reordering non-adjacent markup such as table cells
  • Better support non-orderable elements by implementing a shifting algorithm
  • Allow Reorderers to be nested inside other Reorderers
  • Make the drag and drop behaviour more customizable
  • Improve IE and Safari 3 support
  • Integrate the Reorderer into uPortal. (In progress, see Reorderer in uPortal)

Technical Information

Tutorial

...

For more specific details about Reorderer-related tasks and issues, please see the Reorderer component with Fluid's issue repository.