Documentation

Reference
qx:spacer (qx.ui.core.Spacer)

A Spacer is a “virtual” widget, which can be placed into any layout and takes the space a normal widget of the same size would take.

Spacers are invisible and very light weight because they don’t require any DOM modifications.

Example

Here is a little example of how to use the widget.

  var container = new qx.ui.container.Composite(new qx.ui.layout.HBox());
  container.add(new qx.ui.core.Widget());
  conainer.add(new qx.ui.core.Spacer(50));
  container.add(new qx.ui.core.Widget());

This example places two widgets and a spacer into a container with a horizontal box layout. In this scenario the spacer creates an empty area of 50 pixel width between the two widgets.

External Documentation

Documentation of this widget in the qooxdoo wiki. 

{   u'add': {   u'*': u'add/defaultWithPosition.mako',
                u'layout': u'add/noParent.mako',
                u'qx:application': u'add/qx/application.mako',
                u'qx:split': u'add/qx/split.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'qx:toolBar': u'body/qx/toolbar/spacer.mako',
                 u'qxt:component': u'body/qxt/component_root.mako'},
    u'data': {   u'attr': {},
                 u'props': {   u'class': u'qx.ui.core.Spacer',
                               u'constructor-args': u'width,height'}},
    u'extends': [u'qx:spacer', 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