Hi,
thanks for your answer but you made something wrong.
You put the f1 into f2 but you should put f2 into f1 (f1 is the horizontalBox
which makes the problems).
Here is your example which shows the "bug?".
qx.Class.define("app.test_n_debug.winTest",
{
extend : qx.ui.window.Window,
construct : function()
{
this.base(arguments, "Test", null);
this.set(
{
height : 300,
width : 300
});
var f1 = new qx.ui.layout.HorizontalBoxLayout;
f1.set(
{
width : "50%",
height : "100%",
horizontalChildrenAlign: "center",
left : 100,
backgroundColor: "red"
});
var f2 = new qx.ui.layout.CanvasLayout;
f2.set(
{
width : "100%",
height : "100%",
backgroundColor : "yellow"
});
this.add(f1);
f1.add(f2);
this.info(this.classname + " initialized");
}
});
----------------------
I put the HorizontalBoxLayout(f1) "left:100" so you can see the walking of the
yellow box(f2) if you resize the window at runtime.
The red box should always be covered by the yellow one, cause the yellow-box is
width:"100%".
Tobias
-----Ursprüngliche Nachricht-----
Von: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED] Im Auftrag von Peter Schneider
Gesendet: Mittwoch, 27. Juni 2007 17:35
An: qooxdoo Development
Betreff: Re: [qooxdoo-devel] Bug in HorizontalBoxLayout??
Hi Tobias,
I think I don't understand exactly what you are trying to accomplish...
So here's my guess:
You try to build something like this...
+-------------+
|+-----+ |
|| red | |
|+-----+ |
+-------------+
...where the red area is the H-Box?
Than this works fine for me:
----------------- code ----------------------------
qx.Class.define("app.test_n_debug.winTest",
{
extend : qx.ui.window.Window,
construct : function()
{
this.base(arguments, "Test", null);
this.set(
{
height : "auto",
width : "auto"
});
var f1 = new qx.ui.layout.HorizontalBoxLayout;
f1.set(
{
width : "50%",
height : "100%",
horizontalChildrenAlign: "center",
backgroundColor: "red"
});
f1.add(new qx.ui.basic.Label("I am f1"));
var f2 = new qx.ui.layout.CanvasLayout;
f2.set(
{
width : "100%",
height : "100%",
backgroundColor : "yellow"
});
f2.add(new qx.ui.basic.Label("</br>I am f2",null,"html"));
this.add(f2);
f2.add(f1);
this.info(this.classname + " initialized");
}
});
----------------- code-end ----------------------------
But if you're trying something completely different, I didn't get it ;)
In that case, feel free to contact me (directly).
/Kuddel
-------- Original --------
From: Tobias Koller (GERMO GmbH)
Date: 27.06.2007 16:46
> Hi Peter,
>
> Of course I set f1.add(f2);
> that can't be the problem ;)
>
> Tobias
> -----Ursprüngliche Nachricht-----
> Von: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED] Im Auftrag von Peter
> Schneider
> Gesendet: Mittwoch, 27. Juni 2007 16:39
> An: qooxdoo Development
> Betreff: Re: [qooxdoo-devel] Bug in HorizontalBoxLayout??
>
> Hi Tobias,
>
> just in case:
>
> you _did_ something like...
>
> f1.add(f2);
>
> ...didn't you?
>
> If you forgot, it would explain the "walking" (at least to me).
>
> /Kuddel
>
>
>> Hi,
>> [...]
>> I have a problem with the qx.ui.layout.HorizontalBoxLayout.
>>
>>
>>
>> Here is my example:
>>
>>
>>
>> var f1 = new qx.ui.layout.HorizontalBoxLayout;
>>
>> f1.set({
>>
>> width : "50%",
>>
>> height : "100%",
>>
>> horizontalChildrenAlign: "center",
>>
>> backgroundColor: "red"
>>
>> });
>>
>>
>>
>> var f2 = new qx.ui.layout.CanvasLayout;
>>
>> f2.set({
>>
>> width : "100%",
>>
>> height : "100%",
>>
>> backgroundColor : "yellow"
>>
>> });
>>
>>
>> When I start my application everything looks good. But when I resize the
>> browser-Window, the f2-box "walks" out of the f1-box.
>>
>>
>>
>> There are two ways how the bug doesn't occur:
>>
>> 1. I don't set f1-"horizontalChildrenAlign"
>>
>> 2. Or I set f1-"width" to a fix width (f.e. 200)
>>
>>
>>
>> What can I do?
>> [...]
>
>
> -------------------------------------------------------------------------
> This SF.net email is sponsored by DB2 Express
> Download DB2 Express C - the FREE version of DB2 express and take
> control of your XML. No limits. Just data. Click to get it now.
> http://sourceforge.net/powerbar/db2/
> _______________________________________________
> qooxdoo-devel mailing list
> [email protected]
> https://lists.sourceforge.net/lists/listinfo/qooxdoo-devel
>
> -------------------------------------------------------------------------
> This SF.net email is sponsored by DB2 Express
> Download DB2 Express C - the FREE version of DB2 express and take
> control of your XML. No limits. Just data. Click to get it now.
> http://sourceforge.net/powerbar/db2/
> _______________________________________________
> qooxdoo-devel mailing list
> [email protected]
> https://lists.sourceforge.net/lists/listinfo/qooxdoo-devel
>
--
Dipl.-Ing. (FH) Peter Schneider | TIS GmbH | Software-Entwickler
Barloer Weg 188-190 | D-46397 Bocholt
fon: +49 2871 2722-0 | fax: +49 2871 2722-99
[EMAIL PROTECTED] | www.tis-gmbh.de
-------------------------------------------------------------------------
This SF.net email is sponsored by DB2 Express
Download DB2 Express C - the FREE version of DB2 express and take
control of your XML. No limits. Just data. Click to get it now.
http://sourceforge.net/powerbar/db2/
_______________________________________________
qooxdoo-devel mailing list
[email protected]
https://lists.sourceforge.net/lists/listinfo/qooxdoo-devel
-------------------------------------------------------------------------
This SF.net email is sponsored by DB2 Express
Download DB2 Express C - the FREE version of DB2 express and take
control of your XML. No limits. Just data. Click to get it now.
http://sourceforge.net/powerbar/db2/
_______________________________________________
qooxdoo-devel mailing list
[email protected]
https://lists.sourceforge.net/lists/listinfo/qooxdoo-devel
