GroupBox control

Vaadin 6 / 7 / 8 Framework UI
1

Hello,

We will design web forms with Vaadin. I have attached a design sample.

What is your suggestion about proper control for something like groupbox?

Thanks.
12225.png

2

The Form component uses the HTML element, which has a border like you have in your screenshot. For example, if you do myform.addStyleName(“bordered”) and:

.v-form-bordered > fieldset {
	border: thin solid;
    padding: 5px;
}

Then it looks
like this
.

Notice that you can also use Form as a regular layout component to get that sort of grouping.