在vaadin中替换formlayout的单元格

Question

当我在带有文本字段的 vaadin 中使用 formlayout 时，它使文本字段左侧的标题成为文本字段，如果我需要文本字段右侧的标题怎么办

FormLayout fieldsLayout = new FormLayout();
    TextField userNameFld = new TextField("User Name:", true);
    userNameFld.setIcon(FontAwesome.USER);
    fieldsLayout.addComponent(userNameFld);
    PasswordField passwordFld = new PasswordField("Password:", true);
    fieldsLayout.addComponent(passwordFld);
    TextField companyFld = new TextField("Company Name:", true);
    fieldsLayout.addComponent(companyFld);

如何替换标题和文本字段的位置

Answer 1

FormLayout 有三列：第一列用于标题，第二列（中间）用于错误指示符，第三列用于组件（例如 TextField）。而且这是固定结构。

要更改这些列的顺序，您必须为每一行使用一个 VerticalLayout 和一些 HorizontalLayout 构建自己的布局。在每一行中，您可以添加不带标题的 TextField，并在正确的位置添加一个 Label。

在vaadin中替换formlayout的单元格

replacing cells of formlayout in vaadin

css

java

form-layout

vaadin

web