How to use GWT designer with Eclipse GWT plugin?

Question

Sorry but I see no way to use it at all!

If I create GWT project with sample code, then SDK is generating a page with a HTML table where positions for sample TextBox-es and Button are already marked. So, if I open sample file with GWT designer and move button slightly down-right, I will get errors during run.

If I create GWT project without sample code, then GWT designer appears to be unable to open file with empty GUI.

Is there any way to design GUI from scratch or to see GWT designer usage sample?

Thanks

Answer 1

The problem is when you want GWT to create sample code for you, it puts the container parts of layout hard-coded in your projects html file. The generated sample uses RootPanel.get("someId").add(someWidget); to access these containers. When you open designer and move these widgets around, designer generates RootPanel.get("someId").add(someWidget,left,top); which doesn't work with this method.

On another note, when you want to create a class from scratch and open it with designer, you can simply add a reference to RootPanel to get around "this is not a gui class issue" such as :

public class SimpleClass {
    RootPanel r = RootPanel.get();
    public SimpleClass() {}
}