2015-05-13 54 views
1

我正在使用SAPUI5 XML視圖,並具有formContainers和FormElements的窗體。我的表單顯示正確,除了表單上的行之間的間距太大...似乎接近於間距接近2.我有一個網格中的形式,並添加了vSpacing =「0.5」,但它似乎並不隨之而來。這是我的XML - 有些部分省略了。SAPUI5 FormContainer字段垂直間距

<l:Grid 
    defaultSpan="L12 M12 S12" 
    hSpacing="0.5" 
    vSpacing="0.5" 
    width="auto"> 
    <l:content> 

     <f:Form id="FormChange354" 
      minWidth="1024" 
      maxContainerCols="2" 
      editable="true" 
      > 

      <f:layout> 
       <f:ResponsiveGridLayout 
        labelSpanL="3" 
        labelSpanM="3" 
        emptySpanL="4" 
        emptySpanM="4" 
        columnsL="1" 
        columnsM="1" /> 
      </f:layout> 
      <f:formContainers> 
       <f:FormContainer title="Part I"> 
        <f:formElements> 
         <f:FormElement label="Products"> 
          <f:fields> 
           <Input editable= "false" value="{classProducts}"/> 
          </f:fields> 
         </f:FormElement> 
         <f:FormElement label="Partners"> 
          <f:fields> 
           <Input editable= "false" value="{classPartners}"/> 
          </f:fields> 
         </f:FormElement> 
       </f:FormContainer> 
      </f:formContainers> 
     </f:Form> 
</l:content> 

這是它是如何顯示.... enter image description here

我怎樣才能改變線之間的間距?另外,我是否可以將標題('第一部分)的大小更改爲更小 - 是否適用於任何樣式?

回答

2

以及我認爲我通過更改窗體不可編輯來解決此問題。當我將其更改爲'假'時,間距將變爲正常的1行間距。

+0

沒錯。 'editable'屬性用於對齊。如果您處於「可編輯」模式,則表單爲輸入控件分配更多空間。在不可編輯模式下,此空間不再分配,因此表單更緊湊。 –