Vaadin OptionGroup 字幕位置答案

【问题标题】：Vaadin OptionGroup caption locationVaadin OptionGroup 字幕位置
【发布时间】：2014-02-10 15:45:46
【问题描述】：

我正在尝试让OptionGroup 将标签放在它们旁边，就像我曾经使用过的所有其他 UI 中的普通单选按钮一样位于右侧，而不是在它们下方。我在 API 中看不到任何关于如何更改布局的内容？有人指出我正确的方向吗？

【问题讨论】：

您是否已将OptionGroup 添加到布局中？我在HorizontalLayout 中有一个OptionGroup，说明出现在复选框的右侧。
但是所有单选按钮都像文本一样水平对齐。我需要它在第一行有单选按钮，右边有文本，后面的单选按钮垂直，右边有文本。
我正在使用我描述的安排。我有一个垂直排列的复选框列表，每个复选框的右侧都有说明。
真的吗？我做了以下同样的事情，单选按钮 HorizontalLayout hzl = new HorizontalLayout(); 下的文本隶属关系 = 新选项组（）； affiliation.addItem("AFC"); affiliation.addItem("NFC"); hzl.addComponent（隶属关系）； mainLayout.addComponent(hzl);
不确定行为是否存在差异，因为我有多项选择（复选框）而不是单选（单选）。

标签： vaadin

【解决方案1】：

按照以下步骤操作：将这些行添加到您的 CSS 中

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

.v-select-optiongroup-horizontal {
white-space: nowrap;
}

.v-select-optiongroup-horizontal
.v-select-option.v-radiobutton {
padding-right: 10px;
}

然后调用

group.setStyleName("horizontal");

其中 group 是 OptionGroup 对象。

【讨论】：

【解决方案2】：

您是否有可能继承了一些显示这样文本的样式？您是否尝试调用 hzl.setSizeUndefined()？或者也许玩宽度（setWidth()）。

【讨论】：