This page has not yet been updated to reflect the latest API changes.

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.


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 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):


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 MyInfusion.js file in the header of the HTML file:

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

Alternatively, the individual file requirements are: