UIBinder and interface design

[Pablo Aguiar]

Hello list members,

I have the following application design in the paper:


.-----.--------------.-----. 
|APP  |  SEARCH BOX  |USER | B
|LOGO |   & TOOLS    |INFO | R
+-----+--------------+-----+ O
|  M  |  MAIN PANEL  |  S  | W
|  E  |              |  O  | S
|  N  |              |  C  | E
|  U  |  WHERE  THE  |  I  | R
|     |    ACTION    |  A  | 
| 15+ | TAKES  PLACE |  L  | S
|     |              |     | C
|  I  |      .       |     | R
|  T  |      .       |     | O
|  E  |      .       |     | L
|  M  |              |     | L
|  S  |  UP TO 500   |     | 
|     |    LINES     |     | B
+-----'--------------'-----+ A
|          FOOTER          | R
'--------------------------' 
  NO HORIZONTAL SCROLL BAR   

 * Scroll bar scrolls the
   entire page as a block
 * Panels are not resizable
 * Right and left panels have
   fixed width
 * Center panels take the
   remaining horizontal space


Also available at http://pastebin.com/bNwr1rnW

I'm beginning with UIBinder and all the GWT panels. How should I use them in order to bring that design to the web browser?

Thanks for any tips or recommendations of what panels should I use and how to mix them to build that interface.

Kind regards,

-- 

Pablo Aguiar (scorphus) <scor...@gmail.com>

Free/Open Source Software Developer/Consultant

FOSS Infrastructure Specialist
<http://www.phpeclipse.com/wiki/Community>

<http://sourceforge.net/users/scorphus>

[Thomas Broyer]

First, "layout panels" are not what you're looking for (no "global scrollbar").

IMO, you'd better use plain old HTML+CSS for the layout (i.e. with an HTMLPanel as the root), with SimplePanel and FlowPanel where you need to dynamically "inject" widgets (main panel).

Or possibly putting your layout code right into your HTML host page and use RootPanel.get("main") to get slots where to dynamically "inject" widgets.