RadioButtonGroup align the label and the radio options in a single row

General
1

I need to configure a Radio Button Group with the Label and the Radio options in a single row. Tried the below approach but it did not work. ( Vaadin 8 RadioButtonGroup label and button in single row - Vaadin Forum)

image

image
image1261×246 36.6 KB

I want to display like this:
image

2

Can you give a bit more information about the usage/context? For instance:

  • in what container are you using that component,
  • are there other fields, that need to align with that label positioning
  • any other potentially relevant info
3

I have a form in which I have a set of questions with yes or no options. or I need to align the text area box. So, these questions with the radio button group should be in a single row so that it can be stacked vertically.

4

Have you tried the FormLayout? It provides a configurable way to put the label positions aside. Together with the horizontal theming of the RBG your requirement should be doable.