OptionGroup горизонтальная?

Я пытаюсь изменить OptionGroup для отображения по горизонтали. В книге vaadin7 есть пример изменения с помощью CSS, но он не работает.

Я пытаюсь это.

//styles.scss
/** optiongroup */
/* Lay the options horizontally */
.v-select-optiongroup-horizontal .v-select-option {
    display: inline-block;
}
/* Avoid wrapping if the layout is too tight */
.v-select-optiongroup-horizontal {
    white-space: nowrap;
}
/* Some extra spacing is needed */
.v-select-optiongroup-horizontal .v-select-option.v-radiobutton {
    padding-right: 10px;
}



//Here the OptionGroup
OptionGroup optionGroup = new OptionGroup();
optionGroup.addItem("Usuário");
optionGroup.addItem("Representante");

Есть идеи?


frameworks java vaadin vaadin7
person FernandoPaiva    schedule 27.01.2014    source источник
comment
в настоящее время работает. Я добавляю addStyleName (горизонтальное) и меняю: D   -  person FernandoPaiva    schedule 27.01.2014

Ответы (1)


arrow_upward
8
arrow_downward

Как написано в книге, вам нужно установить собственное имя горизонтального стиля:

optionGroup.addStyleName("horizontal");
person nexus    schedule 27.01.2014
comment
В новой теме Valo вы можете использовать ValoTheme.OPTIONGROUP_HORIZONTAL в качестве имени стиля для горизонтальной ориентации в OptionGroup . - person Abbas; 12.01.2015
comment
но если я хочу показать в виде сетки, потому что у меня есть более 20 компонентов, добавленных в optionGroup... Как я могу это сделать? - person Yasir Shabbir Choudhary; 18.05.2015