Documentation

Reference
qx:basic (qx.ui.layout.Basic)

A basic layout, which supports positioning of child widgets by absolute left/top coordinates. This layout is very simple but should also perform best.

Features

  • Basic positioning using left and top properties
  • Respects minimum and maximum dimensions without skrinking/growing
  • Margins for top and left side (including negative ones)
  • Respects right and bottom margins in the size hint
  • Auto-sizing

Item Properties

  • left (Integer): The left coordinate in pixel
  • top (Integer): The top coordinate in pixel

Details

The default location of any widget is zero for both left and top.

Example

Here is a little example of how to use the basic layout.

var container = new qx.ui.container.Composite(new qx.ui.layout.Basic());

// simple positioning
container.add(new qx.ui.core.Widget(), {left: 10, top: 10});
container.add(new qx.ui.core.Widget(), {left: 100, top: 50});

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.Basic'}},
    u'extends': [u'qx:basic', 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