Documentation

Reference
qx:slideBar (qx.ui.container.SlideBar)

Container, which provides scrolling in one dimension (vertical or horizontal).

Example

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

  // create slide bar container
  slideBar = new qx.ui.container.SlideBar().set({
    width: 300
  });

  // set layout
  slideBar.setLayout(new qx.ui.layout.HBox());

  // add some widgets
  for (var i=0; i<10; i++)
  {
    slideBar.add((new qx.ui.core.Widget()).set({
      backgroundColor : (i % 2 == 0) ? "red" : "blue",
      width : 60
    }));
  }

  this.getRoot().add(slideBar);

This example creates a SlideBar and add some widgets with alternating background colors. Since the content is larger than the container, two scroll buttons at the left and the right edge are shown.

External Documentation

Documentation of this widget in the qooxdoo wiki.
appearance
None
Default value: "slidebar" Possible values:
orientation

Orientation of the bar

Default value: "horizontal" Possible values: "horizontal","vertical" 

{   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.SlideBar',
                               u'constructor-args': u'orientation'}},
    u'extends': [u'qx:slideBar', 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