SAPUI5 中的垂直标签对齐（标签太高）

Question

我目前正在开发我的第一个 SAPUI5 移动应用程序。我找到了水平布局定位的选项，但我的标签显示 "too high"。对于显示，我使用 Google Chrome.

我的页面主题是sap_bluecrystal，内容结构如下：

sap.ui.layout.form.SimpleForm (Max Container Cols: 2)
--> sap.m.Label (Text: Name, LabelFor: "Name")
--> sap.m.Input (Id: "Name")

还有一些字段遵循相同的结构。结果是：

有人知道如何解决这个问题吗？

提前谢谢你，最好的问候，乔纳森

Answer 1

您可以像这样使用 editable 属性：

<f:SimpleForm id="form"
  editable="true">
  <f:content>
    <Label
      text="Name"
      labelFor="Name" />
    <Input id="Name"
      value="DJ" />
  </f:content>
</f:SimpleForm>

这应该可以满足您的需求。

Here's an example（切换开关打开关闭看看效果）。

SAPUI5 中的垂直标签对齐（标签太高）

Vertical label alignment in SAPUI5 (Label too high)

css

label

sapui5