Versions Compared

Key

  • This line was added.
  • This line was removed.
  • Formatting was changed.
Comment: Migrated to Confluence 5.3
Section
Column
width60%

List Reorderer Overview

The List Reorderer allows reordering of elements in a vertical or horizontal list. This page provides technical details of the API. For a simple working example, see Integrating the Reorderer.


Creation

Code Block
javascript
javascript
var myReorderableList = fluid.reorderList(container[, options]);

Parameters

container

The container is a CSS-based selector, single-element jQuery object, or DOM element that identifies the DOM element containing the list items to be reorderable. This may be the list itself (e.g. the <ul> or <ol> element) or an element that contains the list.

options

The options object is an optional collection of key/value pairs that can be used to further configure the List Reorderer, as described below in the fluid:Options section.

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

This component is in Production status

solid
Panel
borderStyle
borderColor#566b30
bgColor#fff
titleBGColor#D3E3C4
borderStylesolid
titleOn This Page
Table of Contents
toc
maxLevel
5
minLevel2
maxLevel5
Panel
borderColor#321137
bgColor#fff
titleBGColor#c1b7c3
borderStylesolid
titleSee Also
borderStylesolid
Panel
borderColor#321137
bgColor#fff
titleBGColor#cccccc
borderStylesolid
titleStill need help?
borderStylesolid

Join the infusion-users mailing list and ask your questions there.

...

Include Page
Reorderer Events
Reorderer Events
nopaneltrueReorderer Events

...

Anchor
optionsdescription
optionsdescription

...

Include Page
Reorderer Selectors
Reorderer Selectors
nopaneltrueReorderer Selectors

General options

Include Page
Reorderer Configuration Options
Reorderer Configuration Options
nopaneltrueReorderer Configuration Options

List-specific options

Include Page
List Reorderer Configuration Options
nopaneltrue
List Reorderer Configuration Options
nopaneltrue

...

Dependencies

The List Reorderer dependencies can be met by including the minified InfusionAll.js file in the header of the HTML file:

...