Hi Danovics,
I don't know what you are want to achieve with the three split planes. I
take it that your want to have three parts with the same width.
Here my Application example:
<code>
var left = new qx.ui.core.Widget().set({backgroundColor : "black"});
var center = new qx.ui.core.Widget().set({backgroundColor : "white"});
var right = new qx.ui.core.Widget().set({backgroundColor : "black"});
var container = new custom.Horizontal3(left, center, right);
var doc = this.getRoot();
doc.add(container, {edge: 0});
</code>
And my Horizontal3:
qx.Class.define("custom.Horizontal3",
{
extend : qx.ui.container.Composite,
construct: function(left, center, right){
this.base(arguments);
this.setLayout(new qx.ui.layout.HBox());
var leftSplitPane = new
qx.ui.splitpane.Pane("horizontal").set({decorator: null});
var rightSplitPane = new
qx.ui.splitpane.Pane("horizontal").set({decorator: null});
// width left <-> rightSplitPane -> 1/3 <-> 2/3
leftSplitPane.add(left, 1);
leftSplitPane.add(rightSplitPane, 2);
// width center <-> right -> 1/2 <-> 1/2
rightSplitPane.add(center, 1);
rightSplitPane.add(right, 1);
this.add(leftSplitPane, {flex: 1});
}
});
</code>
I hope this solve your issue.
Cheers,
Chris
Am 21.12.2009 14:11, schrieb danovics:
> I would like to make a class (Horizontal3) which could split a container to
> three parts with splitpane.
> I would like to pass to its constructor the widgets to show in the three
> separate places.
> But I can't figure out a proper combination of settings (flex, width,
> minwidth etc.) for the wanted behavior of the splitpanes resizings.
>
> Now I have a splitpane inside another splitpane.
> My code looks like something:
>
> <code>
> qx.Class.define("custom.Horizontal3",
> {
> extend : qx.ui.container.Composite,
>
> construct: function(props){
> this.base(arguments);
> this.setLayout(new qx.ui.layout.HBox());
>
> var split1 = new qx.ui.splitpane.Pane("horizontal").set({decorator:
> null});
> var split2 = new qx.ui.splitpane.Pane("horizontal").set({decorator:
> null});
>
> horizontalFrame = new Array;
> for (i=1; i<4; i++) {
> horizontalFrame[i] = new qx.ui.container.Composite(new
> qx.ui.layout.HBox()).set({
> decorator: "main",
> width: 200,
> minWidth: 150,
> maxWidth: 330
> });
> }
>
> split1.add(horizontalFrame[1], 0);
> split1.add(split2, 1);
> split2.add(horizontalFrame[2], 0);
> split2.add(horizontalFrame[3], 1);
>
> this.add(split1, {flex: 1});
> }
> });
> </code>
> Maybe somebody had this goal before and could help me.
> Thanks
>
>
--
Christian Schmidt
Software Entwickler
1&1 Internet AG - Web Technologies
Ernst-Frey-Straße 9 · DE-76135 Karlsruhe
[email protected]
Amtsgericht Montabaur / HRB 6484
Vorstände: Henning Ahlert, Ralph Dommermuth, Matthias Ehrlich, Thomas
Gottschlich, Robert Hoffmann, Markus Huhn, Hans-Henning Kettler, Dr. Oliver
Mauss, Jan Oetjen
Aufsichtsratsvorsitzender: Michael Scheeren
------------------------------------------------------------------------------
This SF.Net email is sponsored by the Verizon Developer Community
Take advantage of Verizon's best-in-class app development support
A streamlined, 14 day to market process makes app distribution fast and easy
Join now and get one step closer to millions of Verizon customers
http://p.sf.net/sfu/verizon-dev2dev
_______________________________________________
qooxdoo-devel mailing list
[email protected]
https://lists.sourceforge.net/lists/listinfo/qooxdoo-devel
