This documentation is currently being moved to our new documentation site.

Please view or edit the documentation there, instead.

If you're looking for Fluid Project coordination, design, communication, etc, try the Fluid Project Wiki.

Layout Reorderer Selectors

Owned by Anastasia Cheetham
Last updated: Jun 13, 2013Version comment
1 min read

Name

Description

Default

Examples

columns

Identifies the DOM elements contained within the Layout Reorderer container that are themselves column containers, that is a container element that corresponds to a single column in the layout.

".flc-reorderer-column"

 
selectors: {
    columns: "#column1,#column2,#column3"
}

modules

Identifies the DOM elements contained within the Layout Reorderer container that are considered to be modules within the columns. Note that modules are assumed to be movable, unless they are identified by the lockedModules selector (see below).

".flc-reorderer-module"

 
selectors: {
    modules: "div"
}

lockedModules

Identifies the modules that should not be movable.

none

 
selectors: {
    lockedModules: ".locked"
}

grabHandle

If present, identifies a single element within a module that the user must click on to drag the module.

""
(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 module 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"
}