@qooxdoo/framework
Version:
The JS Framework for Coders
74 lines (59 loc) • 1.81 kB
JavaScript
/* ************************************************************************
qooxdoo - the new era of web development
http://qooxdoo.org
Copyright:
2004-2008 1&1 Internet AG, Germany, http://www.1und1.de
License:
MIT: https://opensource.org/licenses/MIT
See the LICENSE file in the project's top-level directory for details.
Authors:
* Sebastian Werner (wpbasti)
* Fabian Jakobs (fjakobs)
************************************************************************ */
/**
* @tag noPlayground
*/
qx.Class.define("qxl.demobrowser.demo.layout.HBox_Reversed",
{
extend : qxl.demobrowser.demo.util.LayoutApplication,
members :
{
main: function()
{
this.base(arguments);
// auto width + reversed
var box = new qx.ui.layout.HBox();
var container = (new qx.ui.container.Composite(box)).set({decorator: "main", backgroundColor: "yellow", height: 80});
box.setReversed(true);
box.setSpacing(5);
var w1 = new qx.ui.core.Widget().set({
decorator: "main",
backgroundColor: "blue",
maxHeight:60,
alignY:"top"}
);
var w2 = new qx.ui.basic.Label("tap to reverse").set({
decorator: "main",
rich: true,
backgroundColor: "green",
maxHeight:60,
alignY:"middle",
allowGrowX: true,
allowGrowY: true
});
var w3 = new qx.ui.core.Widget().set({
decorator: "main",
backgroundColor: "gray",
maxHeight:60,
alignY:"bottom"
});
container.add(w1);
container.add(w2);
container.add(w3);
container.addListener("pointerdown", function(e) {
box.setReversed(!box.getReversed());
});
this.getRoot().add(container, {left:10, top:10});
}
}
});