Радиокнопки Vaadin, горизонтальные, а не сложенные вертикально

Question

Я хочу, чтобы мои переключатели отображались в одной строке, например:

◎ Опция1 ◉ Опция2

Однако с Ваадином я не могу этого сделать, похоже, что

◎ Опция1

◉ Опция2

вот мой код:

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

Как я могу это изменить?

Answer 1

В Vaadin 7.3 тема Valo поддерживает горизонтальное OptionGroup без написания собственного стиля:

OptionGroup group = new OptionGroup("", options);
group.addStyleName(ValoTheme.OPTIONGROUP_HORIZONTAL);

Answer 2

Как объясняется в Книге Ваадина , вам нужно определить тему , чтобы настроить свой собственный style.css файл.

Затем вы можете переопределить стиль по умолчанию для опции, которая будет отображаться в строке следующим образом:

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