Page Comparison

Name

Description

Default

Examples

movables

Identifies the DOM elements contained within the Reorderer container that can be moved using the Reorderer.

".flc-reorderer-movable"

Code Block

	javascript
	javascript

selectors: {
    movables: "div"
}

selectables

Identifies the DOM elements contained within the Reorderer container that can be selected using keyboard. Note that selectable elements do not have to be movable.

same as movables

Code Block

	javascript
	javascript

selectors: {
    selectables: "[id^=move-"]
}

dropTargets

Identifies the DOM elements contained within the Reorderer container that can have movable elements dropped relative to them. Note that not all elements within the container need to be drop targets.

same as movables

Code Block

	javascript
	javascript

selectors: {
    dropTargets: "div.drop"
}

grabHandle

If present, identifies a single element within a movable item that the user must click on to drag the movable item. (If not specified, the entire movable item can be clicked on.)

""
(empty string)

Code Block

	javascript
	javascript

selectors: {
    grabHandle: ".title-bar"
}

dropWarning

Identifies a single element within the DOM that can be shown to display a warning when the user tries to move an item where it can't be moved. It is assumed that this element contains whatever drop warning text and mark-up the implementor desires.

".flc-reorderer-dropWarning"

Code Block

	javascript
	javascript

selectors: {
    dropWarning: "#drop-warning"
}

Versions Compared

Old Version 11

New Version 12

Key