Question

如何在文本框的左侧创建我的texfield标题，而不是在其上面进行默认设置？

HorizontalLayout hLayout = new HorizontalLayout();
setConent(hLayout);

    TextField tf = new TextField();
    hLayout.addComponent(tf);

Answer 1

无论哪种方式都使用FormLayout按照评论中的建议包装每个TextBox，或者您必须更改TextBox的css。将样式设置为TextBox，仅将其应用于您想要的样式。

TextBox yourTextBox = new TextBox();
yourTextBox.addStyleName("inline-label");

然后css看起来像这样：

.v-caption-inline-label{
  display: inline-block;
}

Answer 2

为什么不这样做：

final FormLayout form = new FormLayout();

form.addComponent(new TextField("Caption line 1"));

final HorizontalLayout formLine2 = new HorizontalLayout();
formLine2.addComponents(new TextField(), new Button(), new Button());
formLine2.setCaption("Caption line 2");

第1行的文字字段左侧标题。由于水平布局容器，第2行中的文本字段将在顶部具有标题。通过将标题从文本字段移动到水平布局，标题将再次位于左侧。

Vaadin Textfields在框的左侧而不是顶部有标题？

2 个答案: