Documentation

Reference
qx:grow (qx.ui.layout.Grow)

The grow layout stretches all children to the full available size but still respects limits configured by min/max values.

It will place all children over each other with the top and left coordinates set to 0. The qx.ui.container.Stack and the qx.ui.core.ScrollPane are using this layout.

Features

  • Auto-sizing
  • Respects minimum and maximum child dimensions

Item Properties

None

Example

var layout = new qx.ui.layout.Grow();

var w1 = new qx.ui.core.Widget();
var w2 = new qx.ui.core.Widget();
var w3 = new qx.ui.core.Widget();

var container = new qx.ui.container.Composite(layout);
container.add(w1);
container.add(w2);
container.add(w3);

External Documentation

Extended documentation and links to demos of this layout in the qooxdoo wiki. 

{   u'add': {   u'*': u'add/defaultWithPosition.mako',
                u'groupBox': u'add/setLayout.mako',
                u'layout': u'add/noParent.mako',
                u'qx:application': u'add/qx/application.mako',
                u'qx:page': u'add/setLayout.mako',
                u'qx:slideBar': u'add/setLayout.mako',
                u'qx:split': u'add/qx/split.mako',
                u'qx:window': u'add/setLayout.mako',
                u'qxt:variant': u'add/noParent.mako'},
    u'attributes': {u'*': u'attr/default.mako', u'id': u'', u'qxt:*': u''},
    u'body': {   u'*': u'body/qx/widget.mako',
                 u'qxt:component': u'body/qxt/component_root.mako'},
    u'data': {u'attr': {}, u'props': {u'class': u'qx.ui.layout.Grow'}},
    u'extends': [u'qx:grow', u'layout', u'qx:widget', u'base']}

LGPL, EPL © 2008 QxTransformer | Siarhei Barysiuk & Christian Boulanger.
Site design and illustrations by Siarhei Barysiuk. | Icons by Dry Icons.

qooxdoo