6

我想在 1 行中显示我的单选按钮,例如:

◎ 选项1 ◉ 选项2

但是,对于 Vaadin,我无法做到这一点,如下所示,

◎ 选项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

我怎样才能改变这个?

4

3 回答 3

8

在 Vaadin 7.3 中,Valo 主题支持横向OptionGroup而无需编写自定义样式:

OptionGroup group = new OptionGroup("", options);
group.addStyleName(ValoTheme.OPTIONGROUP_HORIZONTAL);
于 2015-03-05T12:08:59.910 回答
4

正如The Book of Vaadin中所解释的,您必须定义一个主题来设置您自己的style.css文件。

然后,您可以覆盖要内联显示的选项的默认样式,如下所示:

.v-app .v-select-optiongroup .v-select-option {
    display:inline;
}
于 2010-07-30T10:02:37.073 回答
-1

我解决了这个问题,如下所示。

RadioButtonGroup<String> radioGroupGtip = new RadioButtonGroup<>();
radioGroupGtip.getStyle().set("white-space","nowrap");
于 2020-06-16T07:16:38.827 回答