You don't want to use a button for this. If you need a container object then use a container object. To create a 3 panel layout, you need to use 4 container objects (main container is parent to the 3 panel containers).
see: http://demo.qooxdoo.org/current/demobrowser/#layout~Dock_FlexGrowing.html In the demo they use widgets for demonstration, you would use composite containers in order to ad other controls to them. Jim On Sat, Jan 2, 2010 at 12:30 PM, [email protected] < [email protected]> wrote: > Hello, > > i try this but how can i change the buttons to be "panels" or something > like that? > > > var main_container = new qx.ui.container.Composite(); > > var layout_manager = new qx.ui.layout.Canvas(); > main_container.setLayout(layout_manager); > > main_container.add(new qx.ui.form.Button("Child Widget 1"), { > left: 0, > right: 0, > top: 0 > }); > main_container.add(new qx.ui.form.Button("Child Widget 2"), { > left: 0, > right: 0, > top: 25, > bottom:25 > }); > main_container.add(new qx.ui.form.Button("Child Widget 3"), { > left: 0, > right: 0, > bottom: 0 > }); > > > main_container.getChildren()[0].setWidth(100); > main_container.getChildren()[1].setWidth(100); > main_container.getChildren()[2].setWidth(100); > > var application_root = this.getRoot(); > application_root.add(main_container); > > application_root.addListener("resize", function(e) { > main_container.set({ > "width": qx.bom.Viewport.getWidth(), > "height": qx.bom.Viewport.getHeight() > }); > }, this); > > If you use Dock and set the top and bottom panels to be a given height > > and set the middle section to be flex then it will resize all day and > > only the center will size. There are a few examples of how to use the > > Dock layout in the standard examples section. > > > > Jim > > > > > > On Sat, Jan 2, 2010 at 9:36 AM, Guilherme Aiolfi <[email protected] > > <mailto:[email protected]>> wrote: > > > > Looks more a VBox layout to > > me: http://demo.qooxdoo.org/current/apiviewer/#qx.ui.layout.VBox > > > > > > On Sat, Jan 2, 2010 at 3:03 PM, Jean-Baptiste BRIAUD -- Novlog > > <[email protected] <mailto:[email protected]>> wrote: > > > > No need to make a new one, it already exists : Dock > > http://demo.qooxdoo.org/current/apiviewer/#qx.ui.layout.Dock > > > > On Jan 2, 2010, at 17:19 , [email protected] > > <mailto:[email protected]> wrote: > > > > > is their any tutorial how to make a simple layout like this > > with full > > > resize capabilities > > > > > > -------------------------------------- > > > I i > > > -------------------------------------- > > > -------------------------------------- > > > I i > > > I i > > > I i > > > I i > > > I i > > > I i > > > -------------------------------------- > > > -------------------------------------- > > > I i > > > > > > ------------------------------------------------------------------------------ > 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
