Custom layouts


I have an HTML template and I want to use it in my Vaadin application.

I created a window like this:

final CustomLayout customLayout = new CustomLayout("entrywindow");
window = new Window(TM.get("entrywindow.1-title"));

But the Vaadin page looks different from the original HTML template.

you can see the differences.

Please tell me what I’m doing wrong (what causes may have led to these problems).

Thanks in advance


Have you tried using firebug (or an equivalent tool) for checking what kind of CSS is applied to your layout? Just to make sure that there aren’t any inherited styles (from, for example, the Vaadin theme) which are being applied.


Thanks for your response.

The actual problem were that the image paths were specified incorrectly.

But now I face another problems:

  1. When I attach the user name and password text field to a custom style, the entire layout is disturbed.

  2. For some reason I don’t understand, the “Interested in the application” box disappeared.

you can see the problem.

I tried to set the number of colums in user name and password text field, and it helped a bit - now, at least the user name text field is displayed (before I called setColumns, it was not visible at all).

Any help is highly appreciated.

Best regards



Now I found out that the designer used lots of tables to produce the layout.

Can they be the cause of these problems?