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.

CssImport when using Component Exporter by Mikhail Shabarov, 4 weeks ago
Recent Posts
Vaadin Forum3. Vaadin 6, 7, 8Framework UI

GroupBox control

Beslan CELIKCAN
10 years ago Mar 09, 2012 9:26am

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.

Last updated on Mar, 9th 2012
Marko Grönroos
10 years ago Mar 09, 2012 1:54pm

The Form component uses the HTML <fieldset> 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.

Last updated on Mar, 9th 2012