I want to create a layout with 3 listboxes that are 20%, 20%, and 60%
of the page height.
I tried:
ui = new VerticalPanel();
ui.setStyleName("test");
ui.setBorderWidth(3);
ui.setHeight("100%");
ui.setWidth("100%");
ListBox box1 = new ListBox();
AFAIK, there's no way to do that, it's a limitation or bug that GWT
has. If you do this (set a visible item count larger to what you know
it will fit in the page), it will work on IE, but not on Firefox:
VerticalPanel ui = new VerticalPanel();
ui.setBorderWidth(1);
ui.setHeight("100%
It's nothing to do with GWT except that the VP is a table and the working
example is using divs.
Try something like this:
FlowPanel ui = new FlowPanel();
RootPanel.get().add(ui);
RootPanel.getBodyElement().getStyle().setProperty("margin", "0");
ui.setHeight("100%")