Versions Compared

Key

  • This line was added.
  • This line was removed.
  • Formatting was changed.
Panel
borderColor#42773F
bgColor#F4F7F2
borderStylesolid
Section
Column

Image RemovedImage 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 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

  • Edit simple text without leaving their context
  • Edit multiple data points at once without leaving context (edit mode required)
  • Edit text of a link (edit mode required)
  • Edit information that has constrained choices
    • Dropdown
    • Radio buttons
  • Edit date information
Section
Column
width65%
Panel
borderColor#848484
bgColor#FFF
titleBGColor#E8E8E8
titleReorderer Family
borderStylesolid

List Reorderer

Image RemovedImage 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


Allow user to reorder images or thumbnails of images

Layout Reorderer


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

Column
width35%
Panel
borderColor#848484
bgColor#EFEFEF
titleBGColor#CCCCCC
borderStylesolid

Design

Development

Integration

Demo

Last stable release (v0.8)

Nightly build