Gallery

Modules

Documentation

Context Navigation

YUI Library is not responsible for bugs or support with this module. It is available as a free service. For support please contact the module owner with the provided links.

Page Layout (gallery-layout) on cdn

Last Updated: 04/7/13

+ 2 -

John Lindal

YUI Contributor

See 50 more by this user.

Featured Item

Created: 02/7/12
Last CDN Push: 10/3/12
Build Tag: gallery-2012.10.03-20-02
Project: YUI 3
License: YUI BSD
YUI Version: 3.5.1
Free for use.

Provides fluid-width/height layout for modules, sandwiched between (optional) page header and footer. Based on the page structure, loads the appropriate Layout module: row-based (http://yuilibrary.com/gallery/show/layout-rows), column-based (http://yuilibrary.com/gallery/show/layout-cols), or single.

Instantiating the component is easy. Refer to the examples to see the required DOM structure.

Code Sample

<script src="http://yui.yahooapis.com/3.5.1/build/yui/yui-min.js"></script>

YUI({
    //Last Gallery Build of this module
    gallery: 'gallery-2012.10.03-20-02'
}).use('gallery-layout', function(Y)
{
  // instantiate the component -- automatically scans the DOM
  var layout = new Y.PageLayout();
 
  // rescan the DOM after adding/removing modules or switching between row-based and column-based layouts
  layout.rescanBody();
});