Layout Reorderer Overview

The Layout Reorderer is a convenience function for applying the Reorderer to portlets, content blocks, or other chunks of layout with minimal effort. This page provides technical details of the API. For a simple working example, see Integrating the Reorderer.


Creation

var myReorderableLayout = fluid.reorderLayout(container[, options]);

Parameters

container

The container is a CSS-based selector, single-element jQuery object, or DOM element that identifies the DOM element containing the layout.

options

The options object is an optional collection of key/value pairs that can be used to further configure the Layout Reorderer, as described below in the fluid:Options section.

This component is in Production status

Join the infusion-users mailing list and ask your questions there.


Supported Events

The Layout Reorderer fires the following events (for more information about events, see Events for Component Users):


Options

Selectors

The selectors option is an object containing CSS-based selectors for various parts of the Layout Reorderer. Supported selectors are:

General options

Layout-specific options

Name

Description

Values

Default

containerRole

indicates the role, or general use, for this instance of the Reorderer

fluid.roles.LIST
fluid.roles.GRID
fluid.roles.REGIONS

fluid.roles.REGIONS


Dependencies

The Layout Reorderer dependencies can be met by including the minified InfusionAll.js file in the header of the HTML file:

<script type="text/javascript" src="InfusionAll.js"></script>

Alternatively, the individual file requirements are: