FlowUI: keep widgets on one column only

Support
#1

Hi,
I have put a formlayout inside a vbox hoping that all items are vertically aligned on ONE column.
But, on large screen items move on a two columns layout.
I have tried with colspan=“1” without luck.
How can I do to align items on ONE column?
Thanks,
Mario

#4

Hi Mario!
The FormLayout controls how its components are displayed in columns.
The ResponsiveSteps is used for this. By default, the components are arranged in two columns.

You can set the ResponsiveSteps via the method:
yourFormLayout.setResponsiveSteps(new FormLayout.ResponsiveStep("0", 1));

Or via XML-descriptior:

        <formLayout id="yourFormLayout">
            <responsiveSteps>
                <responsiveStep minWidth="0" columns="1"/>
            </responsiveSteps>
            <!--            your content      -->
        </formLayout>

More information can be found in the Vaadin documentation.

Regards,
Dmitriy