Thank you for the answer.
It seems like it solves my problem.
:D
On 2009.12.21., at 16:12, "Christian Schmidt [via qooxdoo]"
<ml-node+4198835-193807...@n2.nabble.com
> wrote:
> 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
> [hidden email]
>
> Amtsgericht Montabaur / HRB 6484
> Vorstände: Henning Ahlert, Ralph Dommermuth, Matthias Ehrlich, Thoma
> s Gottschlich, Robert Hoffmann, Markus Huhn, Hans-Henning Kettler, D
> r. 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
> [hidden email]
> https://lists.sourceforge.net/lists/listinfo/qooxdoo-devel
>
>
> View message @
> http://n2.nabble.com/divide-to-three-parts-with-splitpane-tp4197500p4198835.html
> To unsubscribe from divide to three parts with splitpane, click here.
>
--
View this message in context:
http://n2.nabble.com/divide-to-three-parts-with-splitpane-tp4197500p4199540.html
Sent from the qooxdoo mailing list archive at Nabble.com.
------------------------------------------------------------------------------
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
qooxdoo-devel@lists.sourceforge.net
https://lists.sourceforge.net/lists/listinfo/qooxdoo-devel
