Using CaptionPanel makes everything invisible

[dkfantasma]

Hi,

I'm new to the GWT Designer, and currently using the evaluation. I've enjoyed working with simple AbsolutePanel, but now I want to use CaptionPanel. When using CaptionPanel, all Widgets I put in it does not render in development mode. I'm working in the blind ! Not something I expect when using a WYSIWYG tool. It renders correctly when testing the form(s). First, I thought I needed to "move to front" or something, but it's not solving the problem.

On this image you can see what I see. http://tinypic.com/r/29xw0ur/6. Notice I've selected the "cptnpnlEksisterendePerson" CaptionPanel which is currently showed in the right handside of the screendump. But the combo inside it, is not rendered ! It's the same with the other CaptionPanel. Here is what I expected to see (when I do a Test/Preview). http://tinypic.com/r/9pvxpu/6

Im using Eclipse Galileo SR2, and I'm on Mac OSX 10.5.8.

Thanks,

Kasper

[Eric Clayberg]

CaptionPanel works just fine on my end.

Please post a complete test project that will trigger this problem.

[dkfantasma]

Hi Eric,

I hope it's just me doing something wrong. I just installed a new eclipse (Galileo SR2), and installed only the GWT designer and google eclipse plugin. Then I made a new google project, and added a CaptionPanel to the default created test -form. On the form, I also created the CaptionPanel with an AbsolutePanel, along with a Label and a TextBox. As you can see on the image, it's not showing when i develop, but it's showing when I'm testing.

How it looks when developing/testing

Picture 14.png (155.5 KiB) Viewed 616 times

Comments ?

Thanks,

Kasper

PS: Due to forum upload file contraints, I've deleted the .jar from the war/WEB-INF/lib folder.

[Eric Clayberg]

We tried your test project under both Windows and OSX, and it rendered just fine (see the screen shot below).

Which Eclipse OSX version are you using? Carbon or Cocoa?

The actual widget rendering is all done by GWT itself, so I don't know why you are seeing what you are seeing.

gwtprojecttest.png (84.6 KiB) Viewed 606 times

[dkfantasma]

Hi again,

Thanks for examining this !

Very interesting, of course it could be a setup error on my end... It must be, if no-one else have had any problems... I want to use GWT Designer though, so I would be happy if we can find the solution.

1) Im running Mac OS X 10.5.8

2) java -version says
java version "1.5.0_24"
Java(TM) 2 Runtime Environment, Standard Edition (build 1.5.0_24-b02-357-9M3165)
Java HotSpot(TM) Client VM (build 1.5.0_24-149, mixed mode, sharing)

3) Eclipse is "eclipse-java-galileo-SR2-macosx-cocoa.tar.gz".

4) Eclipse is using JVM 1.5.0 (MacOS X Default)

5) Java Preferences say J2SE 5.0 (32 bit) for Java applications

I can't think of anything else to provide you... ?

Cheers.

[Eric Clayberg]

About the only thing I can suggest is trying a newer OSX and JVM version like OSX 10.6.3 and JVM 1.6.

[dkfantasma]

Hi Erik,

Ok - just bought a new MacBook Pro 15";

Test Case 1:
1) Mac OS X 10.6.3

2) Eclipse Galileo SR2 Cocoa 64bit

3) "java -version" says;
java version "1.6.0_20"
Java(TM) SE Runtime Environment (build 1.6.0_20-b02-279-10M3065)
Java HotSpot(TM) 64-Bit Server VM (build 16.3-b01-279, mixed mode)

This setup makes the exact same error, not showing the forms correctly.

Test Case 2:
1) Mac OS X 10.6.3

2) Eclipse Galileo SR2 Carbon 32bit

3) "java -version" says;
java version "1.6.0_20"
Java(TM) SE Runtime Environment (build 1.6.0_20-b02-279-10M3065)
Java HotSpot(TM) 64-Bit Server VM (build 16.3-b01-279, mixed mode)

This setup makes the same error, plus the Components under Structure in the left side of the screen when in Design mode, is not updated correctly... I have to mouse over it before it appears correctly, or click it.

I'm not emulating this; it's a brand new Macbook Pro 15", completely updated via Software Updates, and the only things installed is Eclipse, Google Eclipse Plugin (+ the SDK's through the pluging) and Instantiations GWT Designer plugin.

Can You (or anyone else) provide more help/tips for how I get GWT Designer to work on Mac ?

Thanks.

[dkfantasma]

Im still testing this strange behavior.

I've managed to get further with the usage of the GWT Designer. If I make a simple CSS style to put on the CaptionPanel, like;

.gwt-CaptionPanel {
font-family: Arial, sans-serif;
font-size: small;
}

I can see the Caption. As soon as I change the content of the CaptionPanel, like adding a Button, TextBox, whatever - or change an existing componenet, it all stops showing again. Then I have to hit F5, and it'll draw it all correctly again. It's do-able to work like this, but it's such a pain ! Every time I make a change to the form, I have to reload.

Also, when dragging the size of the Composite itself, or any Panel on it, the width/height is always incorrect. I also have to refresh in order for it to show the correct height/width.

Any ideas / comments ?

[Eric Clayberg]

We are still trying to reproduce this behavior.

Do you see this happen for any other panel type or is it just an issue with CaptionPanel?

[dkfantasma]

Hi again,

I can't understand why you can't reproduce this error. If you take a clean Snow Leopard installation, update it completely and install Eclipse and your GWT Designer plug in, the errors are clearly visible. I've tried three (3!) new installations, on two different machines (and types - one new and one old MacBook Pro (15"/17")).

It's difficult for me to test your software, since I don't really know what to expect when I choose the different Panels in the GWT Designer. I only use Mac, so I can't test it on another type of machine (ie. like a Windows machine).

I just made a new Eclipse project, and tried some different Panels. Keep in mind, as stated above, I don't know what to expect, so there may be bugs I don't know how to spot.

1) HorizontalSplitPanel
->Initializes with size (100,0), which just looks like a line, until you enter other numbers in the properties.
->When I drag it bigger, it gets bigger, but not as big as I dragged it to be.

2) CaptionPanel
->Initializes with size (100,32), why I can't tell, but I would expect all panels to get initialized to the same size.
->When I drag it bigger, it gets bigger, but not as big as I dragged it to be.
->The caption is not visible at all, which makes it very confusing.

3) TabLayoutPanel
->Initializes with size (100,0), which just looks like a line, until you enter other numbers in the properties.
->When I drag it bigger, it gets bigger, but not as big as I dragged it to be.

It seems like the two bigger problems here, are when I'm dragging the sizes of the Panels, they are set to the correct size (the coordinate set, show when dragging) but it was NOT the size I dragged it to be ! Does this make sense ?

The other problem is that the Panels all seem to have a style class, except the CaptionPanel.

Besides from this, there seems to be a problem with the refresh of the CaptionPanel when changing anything, but it might be related to the CSS class-problem.

Please allocate resources to look into these problems for us mac users

[Eric Clayberg]

I can't understand why you can't reproduce this error.

As you can see from the following Mac OSX screen shot, it looks fine on our end...



We are continuing to try different combinations in order to reproduce this.

Please allocate resources to look into these problems for us mac users

We have been doing this since you first reported the problem you are seeing.

[dkfantasma]

I'm sure You are working hard to reproduce the problem.

If there are something specific I should do, let me know. I was thinking about doing something in a specific order, while recording a screen-capture ?

It's just important that it's a step by step specification, so I'm sure I'm doing it right.

Thanks,

Kasper

[Alexander.Mitin]

We've added some workarounds, please give a try to the latest build.

[dkfantasma]

Hi Alexander,

The lastest build works much better ! It's possible to see the captions right away, and it feels more "solid" to work with. So You must have found the correct reason for it to behave strangely.

There's still, however, the issue with dragging the Panels to a certain size. When dragging, it shows how big the Panel is going to be. When releasing the mouse button, You would expect the size to match the position you dragged it to. But it does not. The "Size" property is correct though.

Thanks,

Kasper

[Alexander.Mitin]

Please clarify what do you mean by "panel"? Is it top level component or embedded into some container? A self-contained test case much appreciated.