Carriage return in label of OptionGroup in FormLayout

Tobias Kuess

Hello everyone,

like statet in the title of this thread I need to do a carriage return in a label of a optiongroup because it's very long as you can see in the screenshot.

How can I achieve this?

Zwischenablage01.png (18.3 kB)

Marcus Hellberg

You need to do a bit of CSS to accomplish that (please use more specific selectors to avoid problems down the road)

.v-formlayout .v-caption {
  max-width: 200px; /*Whatever you need*/
  white-space: normal; /*Have the caption wrap when it runs out of space instead of overflowing*/
}

Tobias Kuess

Thank you, that's an easy way to solve the problem.

Important Notice - Forums is archived

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

Carriage return in label of OptionGroup in FormLayout

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