Re: layout problems with positioning or aligning content

2010-06-12 Thread steveb
What works for me is a 
wrapped around all widgets in a Vertical or Horizontal panel.

It's pretty verbose though. When I have time I need to learn how to do
this with CSS since it seems like tables are so last decade!

On Jun 11, 9:58 pm, Magnus  wrote:
> Hi,
>
> your example does not work for me.
>
> 
>
> This means AFAIK that the content of the VerticalPanel are aligned
> within the VerticalPanel, but not the VerticalPanel itself.
> Also it does not align vertically...
>
> Magnus
>
> On 11 Jun., 09:40, Tristan Slominski 
> wrote:> I don't understand how UiBinder cannot be used to do what you 
> describe. You
> > may have to create multiple views (for example "fileMenuView") that you
> > attach when the user clicks on "File" in the menu. But that "fileMenuView"
> > could be fully described in UiBinder.  how it is attached probably won't be
> > done in UiBinder but it's just one dynamic part of it...   I haven't looked
> > into the menu widget too much, but that itself can probably do some of that
> > declaratively
>
> > centering a form is as easy as centering some panels
>
> > 
> >   
> >     ...
> >    etc..
>
> > I use UiBinder and I have centered forms, popups, menus, etc
>
> > it's possible.. but remember it's a tool.. you may not be able to declare
> > where the menu should be attached, but you can declare the menu itself in
> > the uibinder. use what works best for each purpose.
>
> > On Tue, Jun 8, 2010 at 12:13, Magnus  wrote:
> > > I would like a menubar, and whenever a menu item is selected, I would
> > > like to show a panel.
>
> > > The screen should have a north, west, east and south section, and in
> > > the center the current panel should be shown.
>
> > > For example, if the user selects "create account", a form should be
> > > shown to enter the data for a new account.
>
> > > And I would like the form to be centered within the middle space...
>
> > > Magnus
>
> > > On Jun 8, 5:48 pm, Tristan Slominski 
> > > wrote:
> > > > What do you mean by "dynamically generated"? Are you setting styles and
> > > > widths programmatically? What's the use case?
>
> > > > On Tue, Jun 8, 2010 at 10:45, Magnus 
> > > wrote:
> > > > > Hi fmod,
>
> > > > > I am thinking about your advice using UIbinder, but I think I cannot
> > > > > use it, because my layout is dynamically generated. I think that the
> > > > > declarative way using UIbinder is for fixed panels like forms, isn't
> > > > > it?
>
> > > > > Magnus
>
> > > > > --
> > > > > 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-tool...@googlegroups.com.
> > > > > To unsubscribe from this group, send email to
> > > > > google-web-toolkit+unsubscr...@googlegroups.com > > > >  cr...@googlegroups.com>
> > >  > >  nsubscr...@googlegroups.com>
>
> > > > > .
> > > > > For more options, visit this group at
> > > > >http://groups.google.com/group/google-web-toolkit?hl=en.
>
> > > --
> > > 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-tool...@googlegroups.com.
> > > To unsubscribe from this group, send email to
> > > google-web-toolkit+unsubscr...@googlegroups.com > >  cr...@googlegroups.com>
> > > .
> > > For more options, visit this group at
> > >http://groups.google.com/group/google-web-toolkit?hl=en.

-- 
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-tool...@googlegroups.com.
To unsubscribe from this group, send email to 
google-web-toolkit+unsubscr...@googlegroups.com.
For more options, visit this group at 
http://groups.google.com/group/google-web-toolkit?hl=en.



Re: layout problems with positioning or aligning content

2010-06-11 Thread Tristan Slominski
it was just a rough example.. not the exact code

here's a production code that centers content in the center of the page
vertically and horizontally

  

  

  <  content that's centered here >

On Fri, Jun 11, 2010 at 06:58, Magnus  wrote:

> Hi,
>
> your example does not work for me.
>
> 
>
> This means AFAIK that the content of the VerticalPanel are aligned
> within the VerticalPanel, but not the VerticalPanel itself.
> Also it does not align vertically...
>
> Magnus
>
>
> On 11 Jun., 09:40, Tristan Slominski 
> wrote:
> > I don't understand how UiBinder cannot be used to do what you describe.
> You
> > may have to create multiple views (for example "fileMenuView") that you
> > attach when the user clicks on "File" in the menu. But that
> "fileMenuView"
> > could be fully described in UiBinder.  how it is attached probably won't
> be
> > done in UiBinder but it's just one dynamic part of it...   I haven't
> looked
> > into the menu widget too much, but that itself can probably do some of
> that
> > declaratively
> >
> > centering a form is as easy as centering some panels
> >
> > 
> >   
> > ...
> >etc..
> >
> > I use UiBinder and I have centered forms, popups, menus, etc
> >
> > it's possible.. but remember it's a tool.. you may not be able to declare
> > where the menu should be attached, but you can declare the menu itself in
> > the uibinder. use what works best for each purpose.
> >
> > On Tue, Jun 8, 2010 at 12:13, Magnus 
> wrote:
> > > I would like a menubar, and whenever a menu item is selected, I would
> > > like to show a panel.
> >
> > > The screen should have a north, west, east and south section, and in
> > > the center the current panel should be shown.
> >
> > > For example, if the user selects "create account", a form should be
> > > shown to enter the data for a new account.
> >
> > > And I would like the form to be centered within the middle space...
> >
> > > Magnus
> >
> > > On Jun 8, 5:48 pm, Tristan Slominski 
> > > wrote:
> > > > What do you mean by "dynamically generated"? Are you setting styles
> and
> > > > widths programmatically? What's the use case?
> >
> > > > On Tue, Jun 8, 2010 at 10:45, Magnus 
> > > wrote:
> > > > > Hi fmod,
> >
> > > > > I am thinking about your advice using UIbinder, but I think I
> cannot
> > > > > use it, because my layout is dynamically generated. I think that
> the
> > > > > declarative way using UIbinder is for fixed panels like forms,
> isn't
> > > > > it?
> >
> > > > > Magnus
> >
> > > > > --
> > > > > 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-tool...@googlegroups.com.
> > > > > To unsubscribe from this group, send email to
> > > > > google-web-toolkit+unsubscr...@googlegroups.com
> 
> >
> > > 
> 
> >
> >
> > > > > .
> > > > > For more options, visit this group at
> > > > >http://groups.google.com/group/google-web-toolkit?hl=en.
> >
> > > --
> > > 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-tool...@googlegroups.com.
> > > To unsubscribe from this group, send email to
> > > google-web-toolkit+unsubscr...@googlegroups.com
> 
> >
> > > .
> > > For more options, visit this group at
> > >http://groups.google.com/group/google-web-toolkit?hl=en.
>
> --
> 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-tool...@googlegroups.com.
> To unsubscribe from this group, send email to
> google-web-toolkit+unsubscr...@googlegroups.com
> .
> For more options, visit this group at
> http://groups.google.com/group/google-web-toolkit?hl=en.
>
>

-- 
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-tool...@googlegroups.com.
To unsubscribe from this group, send email to 
google-web-toolkit+unsubscr...@googlegroups.com.
For more options, visit this group at 
http://groups.google.com/group/google-web-toolkit?hl=en.



Re: layout problems with positioning or aligning content

2010-06-11 Thread Magnus
Hi,

your example does not work for me.



This means AFAIK that the content of the VerticalPanel are aligned
within the VerticalPanel, but not the VerticalPanel itself.
Also it does not align vertically...

Magnus


On 11 Jun., 09:40, Tristan Slominski 
wrote:
> I don't understand how UiBinder cannot be used to do what you describe. You
> may have to create multiple views (for example "fileMenuView") that you
> attach when the user clicks on "File" in the menu. But that "fileMenuView"
> could be fully described in UiBinder.  how it is attached probably won't be
> done in UiBinder but it's just one dynamic part of it...   I haven't looked
> into the menu widget too much, but that itself can probably do some of that
> declaratively
>
> centering a form is as easy as centering some panels
>
> 
>   
>     ...
>    etc..
>
> I use UiBinder and I have centered forms, popups, menus, etc
>
> it's possible.. but remember it's a tool.. you may not be able to declare
> where the menu should be attached, but you can declare the menu itself in
> the uibinder. use what works best for each purpose.
>
> On Tue, Jun 8, 2010 at 12:13, Magnus  wrote:
> > I would like a menubar, and whenever a menu item is selected, I would
> > like to show a panel.
>
> > The screen should have a north, west, east and south section, and in
> > the center the current panel should be shown.
>
> > For example, if the user selects "create account", a form should be
> > shown to enter the data for a new account.
>
> > And I would like the form to be centered within the middle space...
>
> > Magnus
>
> > On Jun 8, 5:48 pm, Tristan Slominski 
> > wrote:
> > > What do you mean by "dynamically generated"? Are you setting styles and
> > > widths programmatically? What's the use case?
>
> > > On Tue, Jun 8, 2010 at 10:45, Magnus 
> > wrote:
> > > > Hi fmod,
>
> > > > I am thinking about your advice using UIbinder, but I think I cannot
> > > > use it, because my layout is dynamically generated. I think that the
> > > > declarative way using UIbinder is for fixed panels like forms, isn't
> > > > it?
>
> > > > Magnus
>
> > > > --
> > > > 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-tool...@googlegroups.com.
> > > > To unsubscribe from this group, send email to
> > > > google-web-toolkit+unsubscr...@googlegroups.com
> > 
>
> > > > .
> > > > For more options, visit this group at
> > > >http://groups.google.com/group/google-web-toolkit?hl=en.
>
> > --
> > 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-tool...@googlegroups.com.
> > To unsubscribe from this group, send email to
> > google-web-toolkit+unsubscr...@googlegroups.com
> > .
> > For more options, visit this group at
> >http://groups.google.com/group/google-web-toolkit?hl=en.

-- 
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-tool...@googlegroups.com.
To unsubscribe from this group, send email to 
google-web-toolkit+unsubscr...@googlegroups.com.
For more options, visit this group at 
http://groups.google.com/group/google-web-toolkit?hl=en.



Re: layout problems with positioning or aligning content

2010-06-11 Thread Tristan Slominski
I don't understand how UiBinder cannot be used to do what you describe. You
may have to create multiple views (for example "fileMenuView") that you
attach when the user clicks on "File" in the menu. But that "fileMenuView"
could be fully described in UiBinder.  how it is attached probably won't be
done in UiBinder but it's just one dynamic part of it...   I haven't looked
into the menu widget too much, but that itself can probably do some of that
declaratively

centering a form is as easy as centering some panels


  
...
   etc..

I use UiBinder and I have centered forms, popups, menus, etc

it's possible.. but remember it's a tool.. you may not be able to declare
where the menu should be attached, but you can declare the menu itself in
the uibinder. use what works best for each purpose.



On Tue, Jun 8, 2010 at 12:13, Magnus  wrote:

> I would like a menubar, and whenever a menu item is selected, I would
> like to show a panel.
>
> The screen should have a north, west, east and south section, and in
> the center the current panel should be shown.
>
> For example, if the user selects "create account", a form should be
> shown to enter the data for a new account.
>
> And I would like the form to be centered within the middle space...
>
> Magnus
>
> On Jun 8, 5:48 pm, Tristan Slominski 
> wrote:
> > What do you mean by "dynamically generated"? Are you setting styles and
> > widths programmatically? What's the use case?
> >
> > On Tue, Jun 8, 2010 at 10:45, Magnus 
> wrote:
> > > Hi fmod,
> >
> > > I am thinking about your advice using UIbinder, but I think I cannot
> > > use it, because my layout is dynamically generated. I think that the
> > > declarative way using UIbinder is for fixed panels like forms, isn't
> > > it?
> >
> > > Magnus
> >
> > > --
> > > 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-tool...@googlegroups.com.
> > > To unsubscribe from this group, send email to
> > > google-web-toolkit+unsubscr...@googlegroups.com
> 
> >
> > > .
> > > For more options, visit this group at
> > >http://groups.google.com/group/google-web-toolkit?hl=en.
>
> --
> 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-tool...@googlegroups.com.
> To unsubscribe from this group, send email to
> google-web-toolkit+unsubscr...@googlegroups.com
> .
> For more options, visit this group at
> http://groups.google.com/group/google-web-toolkit?hl=en.
>
>

-- 
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-tool...@googlegroups.com.
To unsubscribe from this group, send email to 
google-web-toolkit+unsubscr...@googlegroups.com.
For more options, visit this group at 
http://groups.google.com/group/google-web-toolkit?hl=en.



Re: layout problems with positioning or aligning content

2010-06-08 Thread Magnus
I would like a menubar, and whenever a menu item is selected, I would
like to show a panel.

The screen should have a north, west, east and south section, and in
the center the current panel should be shown.

For example, if the user selects "create account", a form should be
shown to enter the data for a new account.

And I would like the form to be centered within the middle space...

Magnus

On Jun 8, 5:48 pm, Tristan Slominski 
wrote:
> What do you mean by "dynamically generated"? Are you setting styles and
> widths programmatically? What's the use case?
>
> On Tue, Jun 8, 2010 at 10:45, Magnus  wrote:
> > Hi fmod,
>
> > I am thinking about your advice using UIbinder, but I think I cannot
> > use it, because my layout is dynamically generated. I think that the
> > declarative way using UIbinder is for fixed panels like forms, isn't
> > it?
>
> > Magnus
>
> > --
> > 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-tool...@googlegroups.com.
> > To unsubscribe from this group, send email to
> > google-web-toolkit+unsubscr...@googlegroups.com
> > .
> > For more options, visit this group at
> >http://groups.google.com/group/google-web-toolkit?hl=en.

-- 
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-tool...@googlegroups.com.
To unsubscribe from this group, send email to 
google-web-toolkit+unsubscr...@googlegroups.com.
For more options, visit this group at 
http://groups.google.com/group/google-web-toolkit?hl=en.



Re: layout problems with positioning or aligning content

2010-06-08 Thread Tristan Slominski
What do you mean by "dynamically generated"? Are you setting styles and
widths programmatically? What's the use case?

On Tue, Jun 8, 2010 at 10:45, Magnus  wrote:

> Hi fmod,
>
> I am thinking about your advice using UIbinder, but I think I cannot
> use it, because my layout is dynamically generated. I think that the
> declarative way using UIbinder is for fixed panels like forms, isn't
> it?
>
> Magnus
>
> --
> 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-tool...@googlegroups.com.
> To unsubscribe from this group, send email to
> google-web-toolkit+unsubscr...@googlegroups.com
> .
> For more options, visit this group at
> http://groups.google.com/group/google-web-toolkit?hl=en.
>
>

-- 
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-tool...@googlegroups.com.
To unsubscribe from this group, send email to 
google-web-toolkit+unsubscr...@googlegroups.com.
For more options, visit this group at 
http://groups.google.com/group/google-web-toolkit?hl=en.



Re: layout problems with positioning or aligning content

2010-06-08 Thread Magnus
Hi fmod,

I am thinking about your advice using UIbinder, but I think I cannot
use it, because my layout is dynamically generated. I think that the
declarative way using UIbinder is for fixed panels like forms, isn't
it?

Magnus

-- 
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-tool...@googlegroups.com.
To unsubscribe from this group, send email to 
google-web-toolkit+unsubscr...@googlegroups.com.
For more options, visit this group at 
http://groups.google.com/group/google-web-toolkit?hl=en.



Re: layout problems with positioning or aligning content

2010-06-08 Thread Magnus
Sorry, I did not realize the fmod's posting at the time of mine.

However, today I found that things are even worse:
The result looks totally different on different browsers (see thread:
"1 layout - 3 browsers - 3 results? ")

If this is true (and I didn't make another mistake) then GWT is not
suitable for doing predictable layouts in my opinion...

Magnus

-- 
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-tool...@googlegroups.com.
To unsubscribe from this group, send email to 
google-web-toolkit+unsubscr...@googlegroups.com.
For more options, visit this group at 
http://groups.google.com/group/google-web-toolkit?hl=en.



Re: layout problems with positioning or aligning content

2010-06-07 Thread Tristan
Short of designing the layout for you it's hard to give "hints".
fmod's hint is a good one though, because you'll run into that quickly
doing the layout you want.  Here's a starting point, in particular,
take a look at the source code that goes with the various widget to
build an intuition around how things work and then check out the
UiBinder tutorial to get on board with the latest best practice of
doing it.

http://code.google.com/webtoolkit/examples/
http://code.google.com/webtoolkit/doc/latest/DevGuideUiBinder.html

On Jun 7, 4:31 am, Magnus  wrote:
> Hello,
>
> is there really no advice for me? Or is something wrong with my
> question?
>
> Sorry, but this is the only group for GWT I know and I really would
> like to get started with it. But if the result looks awful, it doesn't
> make fun.
>
> I started thinking about a workaround with fixed pixel sizes, but I
> thought, the promise of GWT is to get away from such workarounds...
>
> Please consider giving me just a small hint. I would be thankful for
> each one...
>
> Thank you
> Magnus
>
> On 6 Jun., 16:33, Magnus  wrote:
>
>
>
> > The link:http://h1403230.stratoserver.net/apache2-default/tmp/gwt-layout.png

-- 
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-tool...@googlegroups.com.
To unsubscribe from this group, send email to 
google-web-toolkit+unsubscr...@googlegroups.com.
For more options, visit this group at 
http://groups.google.com/group/google-web-toolkit?hl=en.



Re: layout problems with positioning or aligning content

2010-06-07 Thread Magnus
Hello,

is there really no advice for me? Or is something wrong with my
question?

Sorry, but this is the only group for GWT I know and I really would
like to get started with it. But if the result looks awful, it doesn't
make fun.

I started thinking about a workaround with fixed pixel sizes, but I
thought, the promise of GWT is to get away from such workarounds...

Please consider giving me just a small hint. I would be thankful for
each one...

Thank you
Magnus



On 6 Jun., 16:33, Magnus  wrote:
> The link:http://h1403230.stratoserver.net/apache2-default/tmp/gwt-layout.png

-- 
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-tool...@googlegroups.com.
To unsubscribe from this group, send email to 
google-web-toolkit+unsubscr...@googlegroups.com.
For more options, visit this group at 
http://groups.google.com/group/google-web-toolkit?hl=en.



Re: layout problems with positioning or aligning content

2010-06-07 Thread fmod
I mainly using GWT 2.0 with UiBinder. Here is how I center a widget
inside a LayoutPanel.







Hope it helps you.

On Jun 6, 4:33 pm, Magnus  wrote:
> The link:http://h1403230.stratoserver.net/apache2-default/tmp/gwt-layout.png

-- 
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-tool...@googlegroups.com.
To unsubscribe from this group, send email to 
google-web-toolkit+unsubscr...@googlegroups.com.
For more options, visit this group at 
http://groups.google.com/group/google-web-toolkit?hl=en.



Re: layout problems with positioning or aligning content

2010-06-06 Thread Magnus
The link:
http://h1403230.stratoserver.net/apache2-default/tmp/gwt-layout.png

-- 
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-tool...@googlegroups.com.
To unsubscribe from this group, send email to 
google-web-toolkit+unsubscr...@googlegroups.com.
For more options, visit this group at 
http://groups.google.com/group/google-web-toolkit?hl=en.



layout problems with positioning or aligning content

2010-06-06 Thread Magnus
Hi,

here is the raw layout for my app, a chess application:


My goal: A menubar at the top and a defined "client region" that
contains the "actual main panel", a form or a chess bord...

The outer panel is a DockLayoutPanel. The green border marks its
center region.

The next level is a VerticalPanel, which contains a MenuBar and a
LayoutPanel for the center. The red border marks the LayoutPanel.

Within the LayoutPanel I want to place another LayoutPanel, which is
marked by the gray border.

The inner LayoutPanel should show a chess bord, which is realized as a
Grid and marked by the green border.

The chess board should be centered within its containing LayoutPanel,
but it's
- left justified, and
- vertically streched

How can I do it that it is
- sized to the necessary size (i. e. not streched)
- centered?

Well, I am not sure what to do with GWT/panels and what to do with
CSS. Could you please point me into the right direction? Maybe I
should do it totally different.

Thank you
Magnus

-- 
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-tool...@googlegroups.com.
To unsubscribe from this group, send email to 
google-web-toolkit+unsubscr...@googlegroups.com.
For more options, visit this group at 
http://groups.google.com/group/google-web-toolkit?hl=en.