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.

Widget Fill Viewport (gallery-widget-fillviewport) on cdn

Last Updated: 10/31/10

+ 0 -

Greg Hinch

YUI Contributor

See 14 more by this user.

Created: 10/22/10
Last CDN Push: 10/27/10
Build Tag: gallery-2010.10.27-19-38
Project: YUI 3
License: YUI BSD
YUI Version: 3.2.0
Free for use.

This is a simple extension which gives a widget a 'fillViewport' attribute, which when set to true, maximizes the dimensions to fill the viewport and stay maximized on resize. Also keeps track of a previous width/height that was set before filling, and will revert to that when fillViewport is set to false

Mix in Y.WidgetFillViewport like any other Widget extension, and then when creating a Widget instance it will have a "fillViewport" attribute which is just a boolean

Code Sample

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

YUI({
    //Last Gallery Build of this module
    gallery: 'gallery-2010.10.27-19-38'
}).use('gallery-widget-fillviewport', 'widget-stdmod', 'base-build', function(Y) {
 
  var Container = Y.Base.create('container', Y.Widget, [Y.WidgetFillViewport,Y.WidgetStdMod]);
  var fullWin = new Container({
    boundingBox : '#contents',
    headerContent : 'header',
    fillHeight : Y.WidgetStdMod.BODY,
    bodyContent : '',
    fillViewport: true,
    footerContent : 'footer',
    render : true
  });
 
});

Forum Posts

Subject	Author	Date
Allow using windowresize	John Lindal	06/12/12