Hi Mike, Try using TabView.getPane().setHeight('auto').
[EMAIL PROTECTED] wrote: > > Argh, please help me folks. > > I'm using the code below, which portions of which I have shamelessly > copied from existing AtaGlance.js. > > Essentially, I have 3 quadrants, Top (File menu), Left (tree), and Client > Area. > Using a FlowLayout for master layout. > Create a Vertical Layout for toolbar, add toolbar, then add to > FlowLayout. Perfect so far. > Add HorizontalLayout for Tree on Left, add to FlowLayout, works great. > Add VerticalBoxLayout for right quadrant area > Create a ToolBar and add to VerticalBoxLayout. OK so far. > Now, I want to create a client area that has different stuff, like > a TabView (in this case). No matter what I do, I can't make that > TabView take up the remainder of the the screen. > > I know I'm doing something silly, but I can't figure it out. > > I've tried making the TabView width/height 100%, no good. > I've tried adding a HorizontalBoxLayout with it's width/height to 100%, > nothing. > > Please help. I'm at 2 days on this, and still can't seem to get it right. > > TIA > Mike > > > > qx.core.Init.getInstance().defineMain(function(){ > > var doc = qx.ui.core.ClientDocument.getInstance(); > > var flow = new qx.ui.layout.FlowLayout; > flow.setTop(0); > flow.setLeft(0); > flow.setWidth("100%"); > flow.setHeight("100%"); > > var main = new qx.ui.layout.VerticalBoxLayout; > main.setHeight(23); > main.setWidth("100%"); > > var menuBar = new qx.ui.toolbar.ToolBar; > (works great) > main.add(menuBar); > > flow.add(main); > > var main = new qx.ui.layout.HorizontalBoxLayout; > main.set({ width:"auto", height:"100%", spacing:0 }); > > var workaround = new qx.ui.layout.HorizontalBoxLayout; > workaround.add(main); > > var tree = new qx.ui.tree.Tree("Crowe, Mike"); > (works great) > main.add(tree); > > flow.add(main); > > var clientArea = new qx.ui.layout.VerticalBoxLayout; > clientArea.set({ spacing:5, > border:qx.renderer.border.BorderPresets.getInstance().inset }); > > var toolBar = new qx.ui.toolbar.ToolBar; > (works great) > clientArea.add(toolBar); > > var main = new qx.ui.layout.HorizontalBoxLayout; > main.setPadding(0); > main.set({ width:"100%", height:"100%", spacing:10 }); > main.setBackgroundColor(255); > > // PROBLEMS START HERE > // There is no background, and the item is only as big as the TabView > tabs (i.e. no body) > // > var tabView = new qx.ui.pageview.tabview.TabView; > tabView.setBackgroundColor(255); > > tabView.setBorder(qx.renderer.border.BorderPresets.getInstance().inset); > tabView.set({ width:qx.constant.Core.FLEX }); > > var tabDay = new > qx.ui.pageview.tabview.TabViewButton("Day"); > var paneDay = new > qx.ui.pageview.tabview.TabViewPage(tabDay); > tabView.getBar().add(tabDay); > tabView.getPane().add(paneDay); > > (...) > > tabView.getPane().add(paneLinks); > > main.add(tabView); > > clientArea.add(main); > flow.add(clientArea); > doc.add(flow); > }); > > ------------------------------------------------------------------------- > Using Tomcat but need to do more? Need to support web services, security? > Get stuff done quickly with pre-integrated technology to make your job > easier > Download IBM WebSphere Application Server v.1.0.1 based on Apache Geronimo > http://sel.as-us.falkag.net/sel?cmd=lnk&kid=120709&bid=263057&dat=121642 > _______________________________________________ > qooxdoo-devel mailing list > qooxdoo-devel@lists.sourceforge.net > https://lists.sourceforge.net/lists/listinfo/qooxdoo-devel > > -- View this message in context: http://www.nabble.com/Help-me-save-my-hair%21-Layouts-and-100--height-width%27s-tf2230863.html#a6184571 Sent from the qooxdoo-devel forum at Nabble.com. ------------------------------------------------------------------------- Using Tomcat but need to do more? Need to support web services, security? Get stuff done quickly with pre-integrated technology to make your job easier Download IBM WebSphere Application Server v.1.0.1 based on Apache Geronimo http://sel.as-us.falkag.net/sel?cmd=lnk&kid=120709&bid=263057&dat=121642 _______________________________________________ qooxdoo-devel mailing list qooxdoo-devel@lists.sourceforge.net https://lists.sourceforge.net/lists/listinfo/qooxdoo-devel