Vaadin radio button question

Question

I want to display my radio buttons in 1 line such as:

O Option1 O Option2

However with Vaadin I cannot accomplish this it seems like the following,

O Option1

O Option2

here is my code:

final List<String> options = Arrays.asList(new String[] {
                "hebele", "hubele"});

        final OptionGroup group = new OptionGroup("", options);

        group.setNullSelectionAllowed(false); // user can not 'unselect'
        group.select("hubele"); // select this by default

How can i change this?

Answer 1

As explained in the vaadin book, you've got to define a theme to setup your own style.css file. Then you can override the default style for the option to be displayed inline as follow:

.v-app .v-select-optiongroup .v-select-option {
    display:inline;
}