Carriage return in label of OptionGroup in FormLayout

Vaadin 6 / 7 / 8
1

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?
28409.png

2

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*/
}
3

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