| Section |
|---|
| Column |
|---|
| List Reorderer OverviewThe 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 |
|---|
|
var myReorderableList = fluid.reorderList(container[, options]);
|
ParameterscontainerThe 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. optionsThe 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 |
|---|
| borderStyle | solid |
|---|
| title | Status |
|---|
| borderStyle | solid |
|---|
| This component is in Production status |
| Panel |
|---|
| borderColor | #566b30 |
|---|
| bgColor | #fff |
|---|
| titleBGColor | #D3E3C4 |
|---|
| borderStyle | solid |
|---|
| title | On This Page | borderStyle
|---|
| | solid |
| Panel |
|---|
| borderColor | #321137 |
|---|
| bgColor | #fff |
|---|
| titleBGColor | #c1b7c3 |
|---|
| borderStyle | solid |
|---|
| title | See Also | borderStyle | solid |
|---|
| |
| Panel |
|---|
| borderColor | #321137 |
|---|
| bgColor | #fff |
|---|
| titleBGColor | #cccccc |
|---|
| borderStyle | solid |
|---|
| title | Still need help? |
|---|
| borderStyle | solid |
|---|
| Join the infusion-users mailing list and ask your questions there. |
|
|
...
| Include Page |
|---|
| Reorderer Events |
|---|
| Reorderer Events |
|---|
| nopanel | true | Reorderer Events |
|---|
|
...
| Anchor |
|---|
| optionsdescription |
|---|
| optionsdescription |
|---|
|
...
The selectors option is an object containing CSS-based selectors for various parts of the List Reorderer. Supported selectors are:
| Include Page |
|---|
| Reorderer Selectors |
|---|
| Reorderer Selectors |
|---|
| nopanel | trueReorderer Selectors |
|---|
|
General options
| Include Page |
|---|
| Reorderer Configuration Options |
|---|
| Reorderer Configuration Options |
|---|
| nopanel | trueReorderer Configuration Options |
|---|
|
List-specific options
| Include Page |
|---|
| List Reorderer Configuration Options | nopanel | true |
|---|
| List Reorderer Configuration Options |
|---|
| nopanel | true |
|---|
|
...
Dependencies
The List Reorderer dependencies can be met by including the minified InfusionAll.js file in the header of the HTML file:
...