subject:"Re\: 1 layout \- 3 browsers \- 3 results\?"

On 8 Jun., 22:02, Ian Bambury ianbamb...@gmail.com wrote:
 If you add your own CSS, it doesn't go around trying to correct it. It's
 just what you do in GWT (using the widgets as they are meant to be use

You mean I am using the panels in a way they were not made for?

 So this (http://roughian.com/magnus/) looks wrong in Linux/FF?

There is something missing, especially the chess board, which should
be centered within the red box. Look at my screenshots.

 BTW, didn't get the screenshot.

I put them here and they should be world-readable:
http://h1403230.stratoserver.net/apache2-default/tmp/LayoutTest/Screenshots/

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: 1 layout - 3 browsers - 3 results?

Hi Ian,

as longer I think about your advice, the more I like it. You could do
interesting things within the resize code, e. g. hide some widgets if
there is not enough room...

However, before I give it a new try, I need some additional
information:

- If I calculate everything on my own: Which LayoutPanel should I use
for the parent area (e. g. AbsolutePanel?)?
- For doing the layout for child objects, I need to determine their
sizes
  E. g. to center a TextBox, I need its width in pixels. How do I get
this?
- What if I do not know the pixel sizes of child objects?
  E. g. my chess board is a Grid. I don't know its pixel size. How do
I do this?

Maybe this could be a perfect solution...
Thank you!

Magnus

On 8 Jun., 18:29, Ian Bambury ianbamb...@gmail.com wrote:
 I think your best bet is to use the onResize and just calculate it. CSS
 doesn't support centring vertically and I don't think GWT has any magic
 bullet either.

 Ian

-- 
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: 1 layout - 3 browsers - 3 results?

On 9 June 2010 11:42, Magnus alpineblas...@googlemail.com wrote:



 You mean I am using the panels in a way they were not made for?


Yes. Currently they seem to be aimed at dividing the screen or viewport into
different areas, the final (centre) area taking all the remaining space.


  So this (http://roughian.com/magnus/) looks wrong in Linux/FF?

 There is something missing, especially the chess board, which should
 be centered within the red box. Look at my screenshots.


I didn't actually write your application for you, I just wanted to know if
the red box was centred.

Ian

-- 
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: 1 layout - 3 browsers - 3 results?

On 9 June 2010 11:48, Magnus alpineblas...@googlemail.com wrote:

 Hi Ian,

 as longer I think about your advice, the more I like it. You could do
 interesting things within the resize code, e. g. hide some widgets if
 there is not enough room...

 However, before I give it a new try, I need some additional
 information:

 - If I calculate everything on my own: Which LayoutPanel should I use
 for the parent area (e. g. AbsolutePanel?)?


You don't need a parent panel as such, just position it absolutely after
adding it to the RootPanel.


 - For doing the layout for child objects, I need to determine their
 sizes
  E. g. to center a TextBox, I need its width in pixels. How do I get
 this?


getWidth() ?

but you just need to use 'margin:0 auto'



 - What if I do not know the pixel sizes of child objects?
  E. g. my chess board is a Grid. I don't know its pixel size. How do
 I do this?


How come you don't know its size? Didn't you set it? 16 x each square plus
borders, or just get the width.




-- 
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: 1 layout - 3 browsers - 3 results?

2010-06-09 Thread Stefan Bachert

Hi Magnus,

When browsers allow to do a predicable layout than it is possible with
GWT, too.
GWT helps you more or less to overcome some bug, but it isn't perfect.
GWT does not check style and try to workaround bug.
GWT is able to create different approaches (css) for an specific
browser AND widget (if it possible at all)

However, the Mega Scrap (MegaSchrott)-Browsers are a single bug in
multiple versions.
(by the way IE9 just passes 19 out of 160 html5 tests)
When there is a real need to support IE just make a separate project
only for IE. Other approaches will just fail.

First of all: my experience with IE and % is: don't do it. It just
fails. When you want to support IE never use %
You may use position:absolute,left/right/top/bottom=0 instead which is
nearly the same as 100%, 100% (it differs in the box model)


Second is,

.chessboard
{
 border:#FF 8px inset;
 padding:25px;
 float:right;
 align:center;
 text-align: center;
}

style align is non existing. float right is strange here. text-align
will not help.

Strange is, that you show us two picture of IE and one of FF. But you
are talking about two variants of FF and one of IE


Center is horizontal possible. I just do this.
For vertically center you need CSS3 capabilities (calc), but this is
extreme poor supported by all browser.

http://www.caniuse.com/#cats=CSS3statuses=rec,pr,cr,wd,ietf

I would avoid vertical centering, or you have to use procedural code
(which is terribly slow on IE)


Stefan Bachert
http://gwtworld.de


On 8 Jun., 17:33, Magnus alpineblas...@googlemail.com wrote:
 Hello,

 after struggeling with the positioning of layout panels without a real
 solution (thread layout problems with positioning or aligning
 content) I found out that things are even worse: There are totally
 different results with different browsers:

 - Linux + Firefox 3.6.3
 - Windows + Firefox 3.5.2
 - Windows + IE 7

 Look at the 
 screenshots:http://h1403230.stratoserver.net/apache2-default/tmp/LayoutTest/Scree...

 The different Firefox versions show the chess board positioned and
 aligned differently. And in IE the whole layout is totally broken.

 I believe that either
 - I made some serious mistakes (I hope so), or
 - predictable layouts are not realizable with GWT

 I have reduced the code to a minimum. If you like, you can view the
 main source files or download the whole eclipse project:

 http://h1403230.stratoserver.net/apache2-default/tmp/LayoutTest/

 What do you think?

 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: 1 layout - 3 browsers - 3 results?



On 9 Jun., 14:07, Ian Bambury ianbamb...@gmail.com wrote:
  You mean I am using the panels in a way they were not made for?
 Yes. Currently they seem to be aimed at dividing the screen or viewport into
 different areas, the final (centre) area taking all the remaining space.

So far, so good. The point is that I add another layout pane to the
remaining space. Where is the contradiction?

   So this (http://roughian.com/magnus/) looks wrong in Linux/FF?
  There is something missing, especially the chess board, which should
  be centered within the red box. Look at my screenshots.

 I didn't actually write your application for you, I just wanted to know if
 the red box was centred.

It was centered, but what do you derive from this assertion?

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: 1 layout - 3 browsers - 3 results?

On 9 Jun., 14:11, Ian Bambury ianbamb...@gmail.com wrote:
   E. g. to center a TextBox, I need its width in pixels. How do I get
  this?
 getWidth() ?
 but you just need to use 'margin:0 auto'

What does this style mean?

  - What if I do not know the pixel sizes of child objects?
   E. g. my chess board is a Grid. I don't know its pixel size. How do
  I do this?

 How come you don't know its size? Didn't you set it? 16 x each square plus
 borders, or just get the width.

Ok, it seems that it is possible for all UIObjects to determine their
pixel size.
getOffsetHeight and getOffsetWidth?

Thanks
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: 1 layout - 3 browsers - 3 results?

 Strange is, that you show us two picture of IE and one of FF. But you
 are talking about two variants of FF and one of IE

No! I made a screenshot of FF on my linux box before and put it on the
net. Later I made a screenshot from IE showing the other screenshot.

http://h1403230.stratoserver.net/apache2-default/tmp/LayoutTest/Screenshots/Linux%20-%20Firefox%203.6.3.jpg

Sorry for this confusion...

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: 1 layout - 3 browsers - 3 results?


On 9 Jun., 14:11, Ian Bambury ianbamb...@gmail.com wrote:
 You don't need a parent panel as such, just position it absolutely after
 adding it to the RootPanel.

But how do I get the Resize-Event if I don't subclass an existing
layout panel?
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: 1 layout - 3 browsers - 3 results?


 So far, so good. The point is that I add another layout pane to the
 remaining space. Where is the contradiction?


You are trying to float a fixed=width widget in the centre of the screen. It
doesn't matter now many times you nest it, it will still work the same way.


  I didn't actually write your application for you, I just wanted to know
 if
  the red box was centred.

 It was centered, but what do you derive from this assertion?

 That my solution works in Linux/FF when you said it didn't

-- 
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: 1 layout - 3 browsers - 3 results?



  but you just need to use 'margin:0 auto'

 What does this style mean?


It means that you need to look it up or ask in a forum dedicated to CSS.
This forum is for GWT.

-- 
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: 1 layout - 3 browsers - 3 results?


 But how do I get the Resize-Event if I don't subclass an existing
 layout panel?


Window.addResizeHandler(handler);

-- 
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: 1 layout - 3 browsers - 3 results?

Hi group,

I have started writing the layout code using the onresize event, and I
think this will be the solution I wanted. I created a class Display,
derived from LayoutPanel,.

But I am still missing information to layout my widgets. It is not
that easy to geht width and height, als mentioned above.

For example,. to resize my MenuBar, I need its natural height, i. e.
the height it needs to show its content.
Then I would resize it to (window width,natural height).

When I create it and add it to my LayourtPanel, it's immediately
resized to fill the whole window.
After that, getOffsetHeight returns not the desired result.

I also tried to save the height immediately after creation and before
adding it to the panel:

MenuBar menubar = new MenuBar ();
...
int menuHeight = menubar.getOffsetHeight (); // will be 0
add (menubar);
But it returns 0.

So I need a method to get the size a widget needs *independently* of
its current size.

Or how would you resize the menubar?

Thanks
Magnus

On 9 Jun., 15:35, Ian Bambury ianbamb...@gmail.com wrote:
  But how do I get the Resize-Event if I don't subclass an existing
  layout panel?

 Window.addResizeHandler(handler);

-- 
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: 1 layout - 3 browsers - 3 results?

2010-06-09 Thread Alejandro D. Garin

Hi,

To be clear: What are you expecting to have in your layout scenario? i.e. A
menu on top, a Chess Widget centered in the browser with same margins from
top/left/right/bottoms? Also, the chess Widget should have 64 cells of the
same height/width.? i.e. the cell doesn't change if the browser resize?

On Wed, Jun 9, 2010 at 11:20 AM, Magnus alpineblas...@googlemail.comwrote:

Hi group,

I have started writing the layout code using the onresize event, and I
think this will be the solution I wanted. I created a class Display,
derived from LayoutPanel,.

But I am still missing information to layout my widgets. It is not
that easy to geht width and height, als mentioned above.

For example,. to resize my MenuBar, I need its natural height, i. e.
the height it needs to show its content.
Then I would resize it to (window width,natural height).

When I create it and add it to my LayourtPanel, it's immediately
resized to fill the whole window.
After that, getOffsetHeight returns not the desired result.

I also tried to save the height immediately after creation and before
adding it to the panel:

MenuBar menubar = new MenuBar ();
...
int menuHeight = menubar.getOffsetHeight (); // will be 0
add (menubar);
But it returns 0.

So I need a method to get the size a widget needs *independently* of
its current size.

Or how would you resize the menubar?

Thanks
Magnus

On 9 Jun., 15:35, Ian Bambury ianbamb...@gmail.com wrote:
But how do I get the Resize-Event if I don't subclass an existing
layout panel?

Window.addResizeHandler(handler);

--
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: 1 layout - 3 browsers - 3 results?

Hi,

everything you said is correct.

Magnus

On Jun 9, 5:09 pm, Alejandro D. Garin aga...@gmail.com wrote:
Hi,

On Wed, Jun 9, 2010 at 11:20 AM, Magnus alpineblas...@googlemail.comwrote:

Hi group,

I have started writing the layout code using the onresize event, and I
think this will be the solution I wanted. I created a class Display,
derived from LayoutPanel,.

But I am still missing information to layout my widgets. It is not
that easy to geht width and height, als mentioned above.

For example,. to resize my MenuBar, I need its natural height, i. e.
the height it needs to show its content.
Then I would resize it to (window width,natural height).

When I create it and add it to my LayourtPanel, it's immediately
resized to fill the whole window.
After that, getOffsetHeight returns not the desired result.

I also tried to save the height immediately after creation and before
adding it to the panel:

MenuBar menubar = new MenuBar ();
...
int menuHeight = menubar.getOffsetHeight (); // will be 0
add (menubar);
But it returns 0.

So I need a method to get the size a widget needs *independently* of
its current size.

Or how would you resize the menubar?

Thanks
Magnus

On 9 Jun., 15:35, Ian Bambury ianbamb...@gmail.com wrote:
But how do I get the Resize-Event if I don't subclass an existing
layout panel?

Window.addResizeHandler(handler);

--
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: 1 layout - 3 browsers - 3 results?

2010-06-09 Thread Alejandro D. Garin

Hi,

The code below is part of the task, but it center the main chess table in
the dock center panel. Does this work for you or at least give some help?

http://www.puntosoft.com.ar/gwt/layoutChess/LayoutChess.html

http://www.puntosoft.com.ar/gwt/layoutChess/LayoutChess.java
http://www.puntosoft.com.ar/gwt/layoutChess/ChessTable.java

On Wed, Jun 9, 2010 at 12:50 PM, Magnus alpineblas...@googlemail.comwrote:

Hi,

everything you said is correct.

Magnus

On Jun 9, 5:09 pm, Alejandro D. Garin aga...@gmail.com wrote:
Hi,

To be clear: What are you expecting to have in your layout scenario? i.e.
A
menu on top, a Chess Widget centered in the browser with same margins
from
top/left/right/bottoms? Also, the chess Widget should have 64 cells of
the
same height/width.? i.e. the cell doesn't change if the browser resize?

On Wed, Jun 9, 2010 at 11:20 AM, Magnus alpineblas...@googlemail.com
wrote:

Hi group,

I have started writing the layout code using the onresize event, and I
think this will be the solution I wanted. I created a class Display,
derived from LayoutPanel,.

But I am still missing information to layout my widgets. It is not
that easy to geht width and height, als mentioned above.

For example,. to resize my MenuBar, I need its natural height, i. e.
the height it needs to show its content.
Then I would resize it to (window width,natural height).

When I create it and add it to my LayourtPanel, it's immediately
resized to fill the whole window.
After that, getOffsetHeight returns not the desired result.

I also tried to save the height immediately after creation and before
adding it to the panel:

MenuBar menubar = new MenuBar ();
...
int menuHeight = menubar.getOffsetHeight (); // will be 0
add (menubar);
But it returns 0.

So I need a method to get the size a widget needs *independently* of
its current size.

Or how would you resize the menubar?

Thanks
Magnus

On 9 Jun., 15:35, Ian Bambury ianbamb...@gmail.com wrote:
But how do I get the Resize-Event if I don't subclass an existing
layout panel?

Window.addResizeHandler(handler);

--
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.comgoogle-web-toolkit%2bunsubscr...@googlegroups.com
google-web-toolkit%2bunsubscr...@googlegroups.comgoogle-web-toolkit%252bunsubscr...@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: 1 layout - 3 browsers - 3 results?

Hi Alejandro,

this looks very good and I am still analyzing the java code. I will
give you a more detailed feedback later...

The java code looks clean, but the html file is pumped up with of
JavaScript.
Does this code belong to the solution or is it just generated from
other sources?

Magnus

On Jun 9, 7:35 pm, Alejandro D. Garin aga...@gmail.com wrote:
Hi,

The code below is part of the task, but it center the main chess table in
the dock center panel. Does this work for you or at least give some help?

http://www.puntosoft.com.ar/gwt/layoutChess/LayoutChess.html

http://www.puntosoft.com.ar/gwt/layoutChess/LayoutChess.javahttp://www.puntosoft.com.ar/gwt/layoutChess/ChessTable.java

On Wed, Jun 9, 2010 at 12:50 PM, Magnus alpineblas...@googlemail.comwrote:

Hi,

everything you said is correct.

Magnus

On Jun 9, 5:09 pm, Alejandro D. Garin aga...@gmail.com wrote:
Hi,

To be clear: What are you expecting to have in your layout scenario? i.e.
A
menu on top, a Chess Widget centered in the browser with same margins
from
top/left/right/bottoms? Also, the chess Widget should have 64 cells of
the
same height/width.? i.e. the cell doesn't change if the browser resize?

On Wed, Jun 9, 2010 at 11:20 AM, Magnus alpineblas...@googlemail.com
wrote:

Hi group,

I have started writing the layout code using the onresize event, and I
think this will be the solution I wanted. I created a class Display,
derived from LayoutPanel,.

But I am still missing information to layout my widgets. It is not
that easy to geht width and height, als mentioned above.

For example,. to resize my MenuBar, I need its natural height, i. e.
the height it needs to show its content.
Then I would resize it to (window width,natural height).

When I create it and add it to my LayourtPanel, it's immediately
resized to fill the whole window.
After that, getOffsetHeight returns not the desired result.

I also tried to save the height immediately after creation and before
adding it to the panel:

MenuBar menubar = new MenuBar ();
...
int menuHeight = menubar.getOffsetHeight (); // will be 0
add (menubar);
But it returns 0.

So I need a method to get the size a widget needs *independently* of
its current size.

Or how would you resize the menubar?

Thanks
Magnus

On 9 Jun., 15:35, Ian Bambury ianbamb...@gmail.com wrote:
But how do I get the Resize-Event if I don't subclass an existing
layout panel?

Window.addResizeHandler(handler);

--
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.comgoogle-web-toolkit%2bunsubscr...@googlegroups.com
google-web-toolkit%2bunsubscr...@googlegroups.comgoogle-web-toolkit%252bunsubscr...@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: 1 layout - 3 browsers - 3 results?

2010-06-09 Thread Alejandro D. Garin

Just from the webappcreator. Nothing special.

On Jun 9, 2010 3:28 PM, Magnus alpineblas...@googlemail.com wrote:

Hi Alejandro,

this looks very good and I am still analyzing the java code. I will
give you a more detailed feedback later...

The java code looks clean, but the html file is pumped up with of
JavaScript.
Does this code belong to the solution or is it just generated from
other sources?

Magnus

On Jun 9, 7:35 pm, Alejandro D. Garin aga...@gmail.com wrote:
Hi,

The code below is part of the task, but it center the main chess table in
the dock center panel

http://www.puntosoft.com.ar/gwt/layoutChess/LayoutChess.javahttp://www.puntosoft.com.ar/gwt/layoutChess/ChessTable.java

On Wed, Jun 9, 2010 at 12:50 PM, Magnus alpineblas...@googlemail.com
wrote:

Hi,

everything you said is correct.

Magnus

.
For more options, visit this group at
http://groups.google.com/group/goog...

--
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: 1 layout - 3 browsers - 3 results?

Hi Alejandro,

forget my question about the html file. Following your link to the
html file leads to the JavaScript hell. :-) But I managed to download
the original source, which is quite friendly.

I'll test and I'll answer!

Many thanks!
Magnus

On Jun 9, 8:28 pm, Magnus alpineblas...@googlemail.com wrote:
Hi Alejandro,

this looks very good and I am still analyzing the java code. I will
give you a more detailed feedback later...

The java code looks clean, but the html file is pumped up with of
JavaScript.
Does this code belong to the solution or is it just generated from
other sources?

Magnus

On Jun 9, 7:35 pm, Alejandro D. Garin aga...@gmail.com wrote:

Hi,

The code below is part of the task, but it center the main chess table in
the dock center panel. Does this work for you or at least give some help?

http://www.puntosoft.com.ar/gwt/layoutChess/LayoutChess.html

http://www.puntosoft.com.ar/gwt/layoutChess/LayoutChess.javahttp://ww...

On Wed, Jun 9, 2010 at 12:50 PM, Magnus alpineblas...@googlemail.comwrote:

Hi,

everything you said is correct.

Magnus

On Jun 9, 5:09 pm, Alejandro D. Garin aga...@gmail.com wrote:
Hi,

To be clear: What are you expecting to have in your layout scenario?
i.e.
A
menu on top, a Chess Widget centered in the browser with same margins
from
top/left/right/bottoms? Also, the chess Widget should have 64 cells of
the
same height/width.? i.e. the cell doesn't change if the browser resize?

On Wed, Jun 9, 2010 at 11:20 AM, Magnus alpineblas...@googlemail.com
wrote:

Hi group,

I have started writing the layout code using the onresize event, and I
think this will be the solution I wanted. I created a class Display,
derived from LayoutPanel,.

But I am still missing information to layout my widgets. It is not
that easy to geht width and height, als mentioned above.

For example,. to resize my MenuBar, I need its natural height, i. e.
the height it needs to show its content.
Then I would resize it to (window width,natural height).

When I create it and add it to my LayourtPanel, it's immediately
resized to fill the whole window.
After that, getOffsetHeight returns not the desired result.

I also tried to save the height immediately after creation and before
adding it to the panel:

MenuBar menubar = new MenuBar ();
...
int menuHeight = menubar.getOffsetHeight (); // will be 0
add (menubar);
But it returns 0.

So I need a method to get the size a widget needs *independently* of
its current size.

Or how would you resize the menubar?

Thanks
Magnus

On 9 Jun., 15:35, Ian Bambury ianbamb...@gmail.com wrote:
But how do I get the Resize-Event if I don't subclass an existing
layout panel?

Window.addResizeHandler(handler);

--
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.comgoogle-web-toolkit%2bunsubscr...@googlegroups.com
google-web-toolkit%2bunsubscr...@googlegroups.comgoogle-web-toolkit%252bunsubscr...@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: 1 layout - 3 browsers - 3 results?

2010-06-08 Thread kozura

Not sure how many times this has been stated, but if you use the
Layout panels as it seems you are, you must use standards mode by
adding !DOCTYPE HTML to the top of your html file.  Else your
results are gonna be very problematic.

On Jun 8, 9:33 am, Magnus alpineblas...@googlemail.com wrote:
 Hello,

 after struggeling with the positioning of layout panels without a real
 solution (thread layout problems with positioning or aligning
 content) I found out that things are even worse: There are totally
 different results with different browsers:

 - Linux + Firefox 3.6.3
 - Windows + Firefox 3.5.2
 - Windows + IE 7

 Look at the 
 screenshots:http://h1403230.stratoserver.net/apache2-default/tmp/LayoutTest/Scree...

 The different Firefox versions show the chess board positioned and
 aligned differently. And in IE the whole layout is totally broken.

 I believe that either
 - I made some serious mistakes (I hope so), or
 - predictable layouts are not realizable with GWT

 I have reduced the code to a minimum. If you like, you can view the
 main source files or download the whole eclipse project:

 http://h1403230.stratoserver.net/apache2-default/tmp/LayoutTest/

 What do you think?

 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: 1 layout - 3 browsers - 3 results?

This is the case for TestLayout.html:
!doctype html

Magnus

On Jun 8, 6:08 pm, kozura koz...@gmail.com wrote:
 Not sure how many times this has been stated, but if you use the
 Layout panels as it seems you are, you must use standards mode by
 adding !DOCTYPE HTML to the top of your html file.  Else your
 results are gonna be very problematic.

-- 
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: 1 layout - 3 browsers - 3 results?

I think your best bet is to use the onResize and just calculate it. CSS
doesn't support centring vertically and I don't think GWT has any magic
bullet either.

Ian

-- 
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: 1 layout - 3 browsers - 3 results?

Hi Ian,

does this mean that I have to do all the layout in absolute
coordinates manually? I thought this would GWT do for me.

In addition, the layout under IE 7 is totally broken. What is the
whole set of layout panels good for, when it does not provide some
predictable results?

Magnus

On Jun 8, 6:29 pm, Ian Bambury ianbamb...@gmail.com wrote:
 I think your best bet is to use the onResize and just calculate it. CSS
 doesn't support centring vertically and I don't think GWT has any magic
 bullet either.

 Ian

-- 
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: 1 layout - 3 browsers - 3 results?

I'm sure someone will correct me if I'm wrong, but layout panels are more
for using the whole of an area of the screen - header, footer, menu on the
left, all the rest used for page display, that kind of thing rather than
allowing you to float things at various places on the screen.

For that, it seems to work OK in my limited experience.

You can use 'margin:0 auto;' to centre the inner panel horizontally, listen
for resize events, and just set 'top' to half of what is left of the height
after you take away the height of the inner panel.

If you don't want to do that (and don't care what happens if the window is
smaller than the inner panel) then you can use 'top:50%;margin:top:-300px;'
(changing '-300px' to half the height of inner panel + border). It's an old
hack, but it still works.

Ian

-- 
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: 1 layout - 3 browsers - 3 results?

Is there a typo?
top:50%;margin:top:-300px;
Do you mean margin-top?

I don't understand it. What's the effect of this?

Magnus

On Jun 8, 7:25 pm, Ian Bambury ianbamb...@gmail.com wrote:
 I'm sure someone will correct me if I'm wrong, but layout panels are more
 for using the whole of an area of the screen - header, footer, menu on the
 left, all the rest used for page display, that kind of thing rather than
 allowing you to float things at various places on the screen.

 For that, it seems to work OK in my limited experience.

 You can use 'margin:0 auto;' to centre the inner panel horizontally, listen
 for resize events, and just set 'top' to half of what is left of the height
 after you take away the height of the inner panel.

 If you don't want to do that (and don't care what happens if the window is
 smaller than the inner panel) then you can use 'top:50%;margin:top:-300px;'
 (changing '-300px' to half the height of inner panel + border). It's an old
 hack, but it still works.

 Ian

-- 
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: 1 layout - 3 browsers - 3 results?

Yep, a typo

It sets the top to half way down the screen (top:50%) then moves it back up
with the negative margin by half the height of the panel. The effect being
that it is centred vertically.

-- 
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: 1 layout - 3 browsers - 3 results?

I think you might need to use 'position:absolute' and set left and
margin-left the same way. It's a long time since I've used it.

On 8 June 2010 18:52, Ian Bambury ianbamb...@gmail.com wrote:

 Yep, a typo

 It sets the top to half way down the screen (top:50%) then moves it back up
 with the negative margin by half the height of the panel. The effect being
 that it is centred vertically.



-- 
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: 1 layout - 3 browsers - 3 results?

Thanks, but it doesn't work, at least in one of the three
environments: Linux + Firefox
The inner panel (chess board) is always stretched vertically to fill
the total height of the parent (see screenshot). Your CSS style
changes something, but it's still stretched. I believe that it works
for the other environments...

But what about the differences in the browsers? I thought that GWT
manages them?

Magnus

On Jun 8, 7:54 pm, Ian Bambury ianbamb...@gmail.com wrote:
 I think you might need to use 'position:absolute' and set left and
 margin-left the same way. It's a long time since I've used it.

 On 8 June 2010 18:52, Ian Bambury ianbamb...@gmail.com wrote:

  Yep, a typo

  It sets the top to half way down the screen (top:50%) then moves it back up
  with the negative margin by half the height of the panel. The effect being
  that it is centred vertically.

-- 
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: 1 layout - 3 browsers - 3 results?