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
