On Sun, Jan 3, 2010 at 14:53, [email protected]
<[email protected]>wrote:
> Hello,
>
> i try the layoutiing but i dont get the wanted results. The code below
> makes the basic layout now. But i want to insert some dynamic layout
> in the middle with a splitpane but i dont get it run:( This two new
> layers should be insert into the middle basic widget but i get always errrs
>
>
Is this what you're looking for?
// Main Container
var container_main = new qx.ui.container.Composite();
var layout = new qx.ui.layout.Grow();
container_main.setLayout(layout);
this.getRoot().add(container_main, {edge: 0});
// SubWidgets
var dock = new qx.ui.layout.Dock();
dock.setSort("y");
var widget = (new qx.ui.container.Composite(dock)).set(
{
backgroundColor: "yellow",
allowGrowX : true,
allowGrowY : true
});
var w1 = new qx.ui.core.Widget();
w1.set(
{
height: 30,
backgroundColor: "red"
});
var w2 = new qx.ui.container.Composite(new qx.ui.layout.Canvas());
w2.set(
{
backgroundColor: "blue",
padding : 10,
allowShrinkX : false,
allowShrinkY : false
});
var w3 = new qx.ui.core.Widget();
w3.set(
{
height: 30,
backgroundColor: "orange"
});
widget.add(w1, {edge:"north"});
widget.add(w2, {edge:"center"});
widget.add(w3, {edge:"south"});
container_main.add(widget);
// Integrierte Widget TODO
var pane = new qx.ui.splitpane.Pane("vertical");
var topWidget = new qx.ui.form.TextArea("Fixed");
topWidget.set(
{
wrap :true,
height : 100
});
var bottomWidget = new qx.ui.form.TextArea("Flex");
pane.add(topWidget, 0);
pane.add(bottomWidget, 1);
w2.add(pane, { edge : 0 });
Derrell
>
>
>
> // Main Container
> var container_main = new qx.ui.container.Composite();
> var layout = new qx.ui.layout.Grow();
> container_main.setLayout(layout);
> this.getRoot().add(container_main, {edge: 0});
>
> // SubWidgets
> var dock = new qx.ui.layout.Dock();
> dock.setSort("y");
>
> var widget = (new qx.ui.container.Composite(dock)).set(
> {
> backgroundColor: "yellow",
> allowGrowX : true,
> allowGrowY : true
> });
>
> var w1 = new qx.ui.core.Widget().set({
> height: 30,
> backgroundColor: "red"
> });
> var w2 = new qx.ui.core.Widget().set({
> backgroundColor: "blue"
> });
> var w3 = new qx.ui.core.Widget().set({
> height: 30,
> backgroundColor: "orange"
> });
>
> widget.add(w1, {edge:"north"});
> widget.add(w2, {edge:"center"});
> widget.add(w3, {edge:"south"});
> container_main.add(widget);
>
>
> // Integrierte Widget TODO
> var pane = new qx.ui.splitpane.Pane("vertical");
> var leftWidget = new qx.ui.form.TextArea("Fixed");
> leftWidget.setWidth(100);
> leftWidget.setWrap(true);
> var rightWidget = new qx.ui.form.TextArea("Flex")
>
> pane.add(leftWidget, 0);
> pane.add(rightWidget, 1);
>
> w2.add(pane, {left: 10, top: 10});
>
>
>
>
> ------------------------------------------------------------------------------
> 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
>
------------------------------------------------------------------------------
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
