2015-10-05 95 views
1

我有一個從SAP NW BPM自動創建的表單。這將創建一個SAP UI5屏幕。通常可以編輯字段,但在這種情況下,我不需要用戶填寫任何數據。如何覆蓋CSS

我有一個如下所示的表單元素。

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

問題是標籤和字段沒有對齊,如看到here

當我看對應的element我看到標籤元素有一個樣式padding-top:1rem ;.在IE/Edge中,如果我刪除它,那麼它會顯示爲我想顯示的代碼。

我嘗試過不同形式的造型,使它看起來更好,但它不工作。我怎樣才能在標籤上的信息。

+0

請在發帖之前檢查您的問題,特別是措辭和未添加的鏈接使其難以閱讀。 – matbtt

+0

你有權訪問頁面附帶的CSS文件嗎? –

回答

0

我有固定的問題,通過增加

<form:Form editable="false"> 

它幫助解決問題與元素放在錯誤的。由於我在這裏不需要任何輸入數據,所以似乎沒有問題。

1

在這種情況下,您應該確實使用輸入或文本元素而不是標籤。

通過將!important添加到CSS樣式中,它會始終覆蓋默認的CSS。 請參閱!important rules at W3

0

我發現我可以使用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>