Documentation

Reference
qx:stack (qx.ui.container.Stack)

The stack container puts its child widgets on top of each other and only the topmost widget is visible.

This is used e.g. in the tab view widget. Which widget is visible can be controlled by using the qx.ui.container.Stack#selected property.

Example

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

  // create stack container
  var stack = new qx.ui.container.Stack();

  // add some children
  stack.add(new qx.ui.core.Widget().set({
   backgroundColor: "red"
  }));
  stack.add(new qx.ui.core.Widget().set({
   backgroundColor: "green"
  }));
  stack.add(new qx.ui.core.Widget().set({
   backgroundColor: "blue"
  }));

  // select green widget
  stack.setSelected(stack.getChildren()[1]);

  this.getRoot().add(stack);

This example creates an stack with three children. Only the selected “green” widget is visible.

External Documentation

Documentation of this widget in the qooxdoo wiki.
selected

The selected child

Default value: Possible values:
dynamic

Whether the size of the widget depends on the selected child. When disabled (default) the size is configured to the largest child.

Default value: false Possible values: 

{   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'qxt:component': u'body/qxt/component_root.mako'},
    u'data': {u'attr': {}, u'props': {u'class': u'qx.ui.container.Stack'}},
    u'extends': [u'qx:stack', 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