GridLayout Issues

Vaadin 6 / 7 / 8 Framework UI
1

I am rather new to Vaadin so this might be bit basic issue. Anyway, I am trying to create a Grid sized for example 6x6 with a picture on the top left corner sized 3x3 and several dropdown menus on the right side of the picture. Crude Example drawing is attached.

I am having trouble understanding how to define the size and location for the components of the grid. In this example the problem is with the picture, how do I define the size for it and how do I “aim” the dropdown menus to their proper places?
12944.png

2

Sorry I didn’t have time to test this really, but here goes.


GridLayout layout = new GridLayout(6, 6);
layout.addComponent(pic, 0, 0, 2, 2);
layout.addComponent(dropdown1, 3, 0);
layout.addComponent(dropdown2, 3, 1);
layout.addComponent(dropdown3, 3, 2);
3

Thanks for the reply and it was helpful.