How to center a component

Vaadin 6 / 7 / 8 Framework UI
1

Hi !

Is there a way (without CSS) to center (Horizontal & Vertical) a component on a screen.
Thanks !

2

Yes, something like:


		OrderedLayout l = new OrderedLayout();
		l.setSizeFull();
		Button centeredComponent = new Button("Foo");
		l.addComponent(centeredComponent);
		l.setComponentAlignment(centeredComponent,
				OrderedLayout.ALIGNMENT_HORIZONTAL_CENTER,
				OrderedLayout.ALIGNMENT_VERTICAL_CENTER);
		Window w = new Window("My fancy app", l);
		setMainWindow(w);

layout.setAlign

3

Thanks a lot for your answer ! :smiley:

4

You can find more layout related tips and tricks from the developer site: http://dev.itmill.com/wiki/Articles/LayoutHowto

The list is currently quite small, but we’ll be adding these kind of little tips every once in a while.

-Jouni