Question

我有一个自动从SAP NW BPM创建的表单。这将创建一个SAP UI5屏幕。通常可以编辑字段，但在这种情况下，我不需要用户填写任何数据。

我有一个表单元素，如下所示。

<f:FormElement label="{i18n>DO_OrgTransord.Street}">
 <f:fields>
  <m:Label text="{path:'Street'}" editable="false"/>
 </f:fields>
</f:FormElement>

问题是标签和字段没有对齐here。

当我查看相应的element时，我看到label元素有一个样式padding-top：1rem;。在IE / Edge中，如果我删除它，那么它显示为我想显示代码。

我尝试过不同形式的造型让它看起来更好，但它不起作用。我怎样才能获得标签上的信息。

Answer 1

In this case you should indeed use an Input or text element rather than a label.

By adding !important to a CSS style, it will overwrite the default CSS always. See !important rules at W3

Answer 2

我通过添加

解决了问题

<form:Form editable="false">

它帮助解决了元素错误的问题。由于我在这里不需要任何输入数据，所以似乎没问题。

Answer 3

我发现我可以使用sap.m.Test来查看正确的数据。

   <f:FormElement label="{i18n>DO_OrgTransord.VendorName}" >
       <f:fields>
            <m:Text text="{path:'VendorName'}"  xmlns:m="sap.m"  />
       </f:fields>
   </f:FormElement>

如何覆盖CSS

3 个答案: