Get started
Loading...
Important Notice - Forums is archived

To simplify things and help our users to be more productive, we have archived the current forum and focus our efforts on helping developers on Stack Overflow. You can post new questions on Stack Overflow or join our Discord channel.

Product icon
TUTORIAL

Vaadin lets you build secure, UX-first PWAs entirely in Java.
Free ebook & tutorial.

Where to include a web components css file when integrating a third party w by Martin Vyšný, 1 week ago
Recent Posts
Vaadin Forum3. Vaadin 6, 7, 8

Captions for components don't align with components.

Alisa Lee
5 years ago Feb 07, 2017 10:34pm

I'm trying to use textfield and combobox, and i want to align the components BOTTOM_CENTER or MIDDLE_CENTER, but the captions don't move with the components in gridlayout.

Example:

gridLayout.setComponentAlignment(cboExample,Alignment.TOP_CENTER);

gridLayout.setComponentAlignment(cboExample,Alignment.BOTTOM_CENTER);

I get this huge gap,

Is there a workaround for this?

Tatu Lund
5 years ago Feb 08, 2017 10:42am

I guess you have found this bug. This is indeed an issue with GridLayout. If it is possible for you to create the design using combination HorizontalLayout and VerticalLayout, it is a possible workaround. The issue does not happen with them.

https://github.com/vaadin/framework/issues/7895
 

+1
Alisa Lee
5 years ago Feb 08, 2017 2:12pm

Oh thank you, that worked very well!

 

VerticalLayout vL = new VerticalLayout();
            vL.addComponent(txtBox);
            vL.setComponentAlignment(txtBox,Alignment.BOTTOM_CENTER);
            gridLayout.setComponentAlignment(vL,Alignment.BOTTOM_CENTER);