Child pages
  • Reorderer Selectors

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.

Skip to end of metadata
Go to start of metadata

Name

Description

Default

Examples

movables

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

".flc-reorderer-movable"

selectors: {
    movables: "div.movable"
}

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

selectors: {
    selectables: "div.selectable"
}

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

selectors: {
    dropTargets: "div.dropTarget"
}

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)

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"

selectors: {
    dropWarning: "#drop-warning"
}
  • No labels