Versions Compared

Key

  • This line was added.
  • This line was removed.
  • Formatting was changed.
Comment: Migrated to Confluence 5.3

The Reorderer

What is the Reorderer?

...

Panel
borderColor#42773F
bgColor#F4F7F2
borderStylesolid
Section
Column

Image Added

Column

Reorderer

Excerpt

The Reorderer allows developers to create rich, accessible user interfaces

...

which enables users to directly

...

re-arrange content on the page. The

...

Reorderer Road Map

The general road map for the Reorderer is as follows:

Technical Information

...

Reorderer is the "engine" that powers the interaction, and is the place to go to listen for interesting events and actions within the component's lifecycle.

Features

  • Change the arrangement of elements using mouse or keyboard.
  • Convenient options for rearranging elements contained in a list, grid, a layout, and image gallery.
  • Configurable drag and drop appearance and behaviour.
Section
Column
width65%
Panel
borderColor#848484
bgColor#FFF
titleBGColor#E8E8E8
borderStylesolid
titleReorderer Family

List Reorderer

Image Added
Reorder elements in a list using drag and drop, numbering and/or keyboard interactions

Grid Reorderer

Image Added
Reorder items in a linear, flowed set using drag and drop, numbering and/or keyboard interactions

Image Reorderer

Image Added
Allow user to reorder images or thumbnails of images

Layout Reorderer

Image Added
Reorder portlets in the portal page using drag and drop and/or keyboard interactions without leaving the page

Column
width35%
Panel
borderColor#321137
bgColor#fff
titleBGColor#aab597
borderStylesolid
titleStatus

This component is in Production status

Panel
borderColor#848484
bgColor#EFEFEF
titleBGColor#CCCCCC
borderStylesolid

Design

Development

Integration

Demo

Last stable release (v0.8)

Nightly build