Win a copy of Machine Learning for Business: Using Amazon SageMaker and JupyterE this week in the Jython/Python forum
or Object Design Style Guide in the Object-Oriented programming forum!
  • Post Reply Bookmark Topic Watch Topic
  • New Topic
programming forums Java Mobile Certification Databases Caching Books Engineering Micro Controllers OS Languages Paradigms IDEs Build Tools Frameworks Application Servers Open Source This Site Careers Other all forums
this forum made possible by our volunteer staff, including ...
Marshals:
  • Campbell Ritchie
  • Bear Bibeault
  • Paul Clapham
  • Jeanne Boyarsky
  • Knute Snortum
Sheriffs:
  • Liutauras Vilda
  • Tim Cooke
  • Junilu Lacar
Saloon Keepers:
  • Ron McLeod
  • Stephan van Hulst
  • Tim Moores
  • Tim Holloway
  • Carey Brown
Bartenders:
  • Joe Ess
  • salvin francis
  • fred rosenberger

New to GWT - struggling with a component arrangement issue

 
Ranch Hand
Posts: 140
  • Mark post as helpful
  • send pies
  • Quote
  • Report post to moderator
All,

I'm trying to accomplish what I thought would be the simple task of creating a GUI such that there is a left side navigation bar, and a central main-data screen.

That is, say, the left 20% or so of the screen will be a vertical panel.

The remainder will have data displayed. It very likely will not take up the remainder of the screen, and thus should be centered in the remaining area.

I've tried using a HorizontalPanel as the main component added to the root panel - and setting the left side to a style that has:
width:20%;

and setting the data area to:
margin-left: auto;
margin-right: auto;
width: 75%;

However, it seems to just cram everything to the left into as small a space as possible, as if readying for more sub-Panels to be added to the HorizontalPanel.

So, what I have, in terms of what is inside what, is:
RootPanel
- HorizontalPanel
-- VerticalPanel (navigation stuff - width: 20%)
-- DockPanel (main data - width 75%, left and right margin auto)

What am I doing wrong? How do I get the arrangement that I want to get?

Thanks in advance.
 
Bartender
Posts: 11445
19
Android Google Web Toolkit Mac Eclipse IDE Ubuntu Java
  • Mark post as helpful
  • send pies
  • Quote
  • Report post to moderator
Why are you using the HorizontalPanel when you can add the DockPanel directly?
I would prefer a DockLayoutPanel instead of DockPanel.
 
Joe Vahabzadeh
Ranch Hand
Posts: 140
  • Mark post as helpful
  • send pies
  • Quote
  • Report post to moderator
Ah, the reason for that is because, sometimes, I can't quite see the forest for the trees.

Pardon me while I smack my palm against my forehead. Twice.
 
Maneesh Godbole
Bartender
Posts: 11445
19
Android Google Web Toolkit Mac Eclipse IDE Ubuntu Java
  • Mark post as helpful
  • send pies
  • Quote
  • Report post to moderator
Based on your reply I can't figure out if your problem is solved or not.

Ah, the reason for that is because, sometimes, I can't quite see the forest for the trees.


Wrapping the tree inside a ScrollPanel would help
 
Joe Vahabzadeh
Ranch Hand
Posts: 140
  • Mark post as helpful
  • send pies
  • Quote
  • Report post to moderator
Yep, problem was solved. Had to wrestle with the arrangement a bit, but basically using the DockPanel directly did the trick.
 
Grow a forest with seedballs and this tiny ad:
Java file APIs (DOC, XLS, PDF, and many more)
https://products.aspose.com/total/java
  • Post Reply Bookmark Topic Watch Topic
  • New Topic
Boost this thread!