/
Reorderer API

Documentation for a historical release of Infusion: 1.3
Please view the Infusion Documentation site for the latest documentation.
If you're looking for Fluid Project coordination, design, communication, etc, try the Fluid Project Wiki.

Reorderer API

Apr 01, 2011

Supported Events

Options

Selectors

The selectors option is an object containing CSS-based selectors for various parts of the Reorderer. Supported selectors are:

General options

Advanced options

CSS Classes

The Reorderer applies CSS classes to orderable items, and updates them as they are moved. These classes can be used to apply visual cues to the various states of the orderable items. The class names are configurable. The default class names are:

   fl-reorderer-movable-default - This class is applied to elements in their default state.
   fl-reorderer-movable-selected - This class is applied to the element that has been selected. The selected item can then be moved using keystrokes.
   fl-reorderer-movable-hover - This class is applied to orderable elements when the mouse hovers over them.
   fl-reorderer-movable-dragging - This class is applied to the orderable element that is currently being moved using the keyboard, and to the orderable element that is currently being moved using the mouse.
   fl-reorderer-movable-avatar - This class is applied to the avatar, which defaults to the image of the orderable element as it is being dragged about by the mouse.
   fl-reorderer-movable-dropMarker - This class is applied to the drop target indicator when the mouse is used to drag an item.