Child pages
  • Layout Reorderer API

Versions Compared

Key

  • This line was added.
  • This line was removed.
  • Formatting was changed.

...

Section
Column
width60%

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

Code Block
javascript
javascript
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.

Column
Panel
borderColor#321137
bgColor#fff
titleBGColor#aab597
titleStatus
borderStylesolid

This component is in Production status

Panel
borderColor#566b30
bgColor#fff
titleBGColor#D3E3C4
titleOn This Page
borderStylesolid
Table of Contents
minLevel2
maxLevel5
Panel
borderColor#321137
bgColor#fff
titleBGColor#c1b7c3
titleSee Also
borderStylesolid
Panel
borderColor#321137
bgColor#fff
titleBGColor#cccccc
titleStill need help?
borderStylesolid

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

...

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

Include Page
docs:Reorderer Events
docs:Reorderer Events
nopaneltrue

...

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

Code Block
html
html
<script type="text/javascript" src="InfusionAllMyInfusion.js"></script>

Alternatively, the individual file requirements are:

...