Versions Compared

Key

  • This line was added.
  • This line was removed.
  • Formatting was changed.
Comment: Migrated to Confluence 5.3

...

Section
Column
width50%
Info

This documentation refers to the trunk version of the Layout Customizer code. For documentation specific to the v0.4 release, please see Layout Customizer API - v0.4.

Overview

Excerpt

The Layout Customizer can be used to provide the ability to change the layout of content modules, for example portlets within a portal environment.

It can be used to organize arbitrary pieces of content, or "modules," provided they are laid out in columns. For details about how modules must be laid out for use with the Layout Customizer, see Tutorial - Layout Reorderer Selectors.

The Layout Customizer is initialised with two data structures describing the initial layout of the modules and any restrictions on their movement. It can be customized by providing any of a number of optional parameters.


Initializing the Layout Customizer

Code Block
fluid.initLayoutCustomizer(layout, perms, orderChangedCallbackUrl[, options]);

Parameters

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

Join the fluid-talk mailing list and ask your questions there.

...

Excerpt Include
Layout Customizer Selectors
Layout Customizer Selectors
nopaneltrueLayout Customizer Selectors

General options

Excerpt Include
Reorderer Configuration Options
Reorderer Configuration Options
nopaneltrueReorderer Configuration Options

Layout Customizer-specific options

Excerpt Include
Layout Customizer Configuration Options
nopaneltrue
Layout Customizer Configuration Options
nopaneltrue

...

Dependencies

The Layout Customizer dependencies can be met by including the minified Fluid-all.js file in the header of the HTML file:

...