Thursday, November 3, 2011

UIBinder and interface design

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) <scorphus@gmail.com>
Free/Open Source Software Developer/Consultant
FOSS Infrastructure Specialist
<http://www.phpeclipse.com/wiki/Community>


--
You received this message because you are subscribed to the Google Groups "Google Web Toolkit" group.
To post to this group, send email to google-web-toolkit@googlegroups.com.
To unsubscribe from this group, send email to google-web-toolkit+unsubscribe@googlegroups.com.
For more options, visit this group at http://groups.google.com/group/google-web-toolkit?hl=en.

No comments:

Post a Comment