HI Qoodary,
ah ... sorry, in that case you should use the spacer with flex ...
I agree
cheers
tobi
Today Qoodary Doo wrote:
> Hello Tobias,
>
> thank you very much for your help.
> Yes I have read the Api viewer doc of the vBox and I tried this with adding
> alignY:"bottom" to the StatusbarContainer.
> But nothing changes.
>
>
> //my Main container
>
> var mainContainer = new qx.ui.container.Composite(new
> qx.ui.layout.VBox(10));
>
> mainContainer.set({
> backgroundColor: "yellow",
> decorator: "main",
> padding: 10,
> height: 600,
> width: 400
> });
> this.getRoot().add(mainContainer);
>
> //this is the Status Bar with one botton which should be at the bottom of
> the main container
>
> var StatusBarContainer = new qx.ui.container.Composite(new
> qx.ui.layout.HBox(5)).set({
> decorator: "main",
> backgroundColor: "red",
> allowGrowX: false
> });
> var btn1 = new qx.ui.form.Button("Status",
> "icon/22/apps/internet-web-browser.png");
> StatusBarContainer.add(btn1);
>
> StatusBarContainer.set({
> alignY:"bottom"
> });
>
>
> mainContainer.add(StatusBarContainer);
>
>
> 2010/3/8 Tobias Oetiker <[email protected]>
>
> > Hi Hanjoerg,
> >
> > note that the VBox and HBox layouts also take the AlignX / AlignY
> > property into consideration ... see this:
> >
> > http://bit.ly/aiUikA
> >
> > cheers
> > tobi
> > >
> > > Thank you Fritz for this tip.
> > > I will try this.
> > >
> > > cheers
> > > Hansjoerg
> > >
> > >
> > > Fritz Zaucker-3 wrote:
> > > >
> > > > You can add a spacer with flex:
> > > >
> > > >
> > > > Assuming your main application widget is called main (and probably has
> > a
> > > > vbox layout):
> > > >
> > > > main.add(label);
> > > > main.add(table);
> > > > main.add(other stuff);
> > > >
> > > > main.add(new qx.ui.core.Spacer(1,1), {flex:1});
> > > > main.add(your hbox);
> > > >
> > > > Cheers,
> > > > Fritz
> > > >
> > > > On Mon, 8 Mar 2010, Qoodary wrote:
> > > >
> > > >>
> > > >> Hello,
> > > >> I assume for you experts it is very simple :-)
> > > >> I have a main container with height = 300.
> > > >>
> > > >> The final application will show an menu then an Label, then an table
> > and
> > > >> some other stuff.
> > > >>
> > > >> I want some buttons at the end (below) of the container
> > > >> It should be like an "windows status bar"
> > > >>
> > > >> I tried it with Hbox to place the buttons. But how can I place the
> > HBox
> > > >> to
> > > >> the lowest end of the main container?
> > > >>
> > > >> best regards
> > > >> Hansjoerg
> > > >>
> > > >> Playground example:
> > > >> ------------------------------------------------
> > > >> var mainContainer = new qx.ui.container.Composite(new
> > > >> qx.ui.layout.HBox(40));
> > > >>
> > > >>
> > > >> mainContainer.set({
> > > >> backgroundColor: "yellow",
> > > >> //decorator: border,
> > > >> decorator: "main",
> > > >> padding: 10,
> > > >> width: 400,
> > > >> height: 300
> > > >>
> > > >> });
> > > >>
> > > >>
> > > >> var box = new qx.ui.layout.HBox();
> > > >> box.setSpacing(10);
> > > >>
> > > >> var container = new qx.ui.container.Composite(box);
> > > >> container.setPadding(20);
> > > >> //this.getRoot().add(container, {left:0,top:0});
> > > >>
> > > >> var btn1 = new qx.ui.form.Button("Button A",
> > > >> "icon/22/apps/media-video-player.png");
> > > >> container.add(btn1);
> > > >>
> > > >> var btn2 = new qx.ui.form.Button("Button B",
> > > >> "icon/22/apps/internet-mail.png");
> > > >> btn2.setEnabled(false);
> > > >> container.add(btn2);
> > > >>
> > > >>
> > > >> mainContainer.add(container);
> > > >>
> > > >> this.getRoot().add(mainContainer);
> > > >>
> > > >>
> > > >
> > > > --
> > > > Oetiker+Partner AG tel: +41 62 775 9903 (direct)
> > > > Fritz Zaucker +41 62 775 9900 (switch board)
> > > > Aarweg 15 +41 79 675 0630 (mobile)
> > > > CH-4600 Olten fax: +41 62 775 9905
> > > > Schweiz web: www.oetiker.ch
> > > >
> > > >
> > ------------------------------------------------------------------------------
> > > > Download Intel® Parallel Studio Eval
> > > > Try the new software tools for yourself. Speed compiling, find bugs
> > > > proactively, and fine-tune applications for parallel performance.
> > > > See why Intel Parallel Studio got high marks during beta.
> > > > http://p.sf.net/sfu/intel-sw-dev
> > > > _______________________________________________
> > > > qooxdoo-devel mailing list
> > > > [email protected]
> > > > https://lists.sourceforge.net/lists/listinfo/qooxdoo-devel
> > > >
> > > >
> > >
> > >
> >
> > --
> > Tobi Oetiker, OETIKER+PARTNER AG, Aarweg 15 CH-4600 Olten, Switzerland
> > http://it.oetiker.ch [email protected] ++41 62 775 9902 / sb: -9900
> >
> >
> > ------------------------------------------------------------------------------
> > Download Intel® Parallel Studio Eval
> > Try the new software tools for yourself. Speed compiling, find bugs
> > proactively, and fine-tune applications for parallel performance.
> > See why Intel Parallel Studio got high marks during beta.
> > http://p.sf.net/sfu/intel-sw-dev
> > _______________________________________________
> > qooxdoo-devel mailing list
> > [email protected]
> > https://lists.sourceforge.net/lists/listinfo/qooxdoo-devel
> >
>
--
Tobi Oetiker, OETIKER+PARTNER AG, Aarweg 15 CH-4600 Olten, Switzerland
http://it.oetiker.ch [email protected] ++41 62 775 9902 / sb: -9900
------------------------------------------------------------------------------
Download Intel® Parallel Studio Eval
Try the new software tools for yourself. Speed compiling, find bugs
proactively, and fine-tune applications for parallel performance.
See why Intel Parallel Studio got high marks during beta.
http://p.sf.net/sfu/intel-sw-dev
_______________________________________________
qooxdoo-devel mailing list
[email protected]
https://lists.sourceforge.net/lists/listinfo/qooxdoo-devel
