Child pages
  • Layout 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

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"
}
  • No labels