OptionGroup horizontal?

Question

Ich versuche eine OptionGroup zu ändern, um Horizontal anzuzeigen. In vaadin7 book gibt es ein Beispiel um mit CSS zu wechseln, funktioniert aber nicht.

Ich versuche das.

//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"); 

Irgendeine Idee?

Answer 1

Wie in dem Buch, das Sie einen benutzerdefinierten horizontalen Artnamen festlegen müssen geschrieben:

optionGroup.addStyleName("horizontal");