form layout with variable column width

Flow
1

Hi Vaadin team.
I would like to know if there is a workaround to make a formlayout having a column with less width than an other.
Example:
(… last name)(textfield…)
(… firstname)(textfield…)

Thank you in advance

2

I would like to know if there is a workaround to make a formlayout having a column with less width than an other.

That is something that FormLayout is not purposed for. FormLayout is intended to be a specific helper layout for the forms having regular layout, i.e. same width columns. The child width in FormLayout is calculated programmatically with JavaScript, so you can’t really override that with CSS (see the code via link)

https://github.com/vaadin/vaadin-form-layout/blob/master/src/vaadin-form-layout.js#L483

It is not mandatory to use FormLayout for all forms. If you need to setup more customized layout for the form, you can compose it with other layouts like VerticalLayout and HorizontalLayout.