UI5瓷磚返回頁首

Question

我是新來的UI5，並嘗試在頁面上顯示一些瓷磚。 但是，它們出現在屏幕的中心，我想將它放在頂部。 下面是一個圖表，現​​在甚至不會在沒有滾動的頁面上出現。 如何將其放到頁面頂部並刪除底部邊距？

查看：

<TileContainer 
      id="container" 
      tiles="{deviceData>/d/results}"> 

      <StandardTile 
      number="BBB" 
      numberUnit="CCC" 
      title="ZZZ" 
      info="XXX" 
      infoState="CCC" /> 
     </TileContainer> 

     <l:C3Chart id="chart1" class="c3Chart" height="300px" width="100%" columns="{cols}" type="{timeseries}" /> 
</Page> </mvc:View> 

Answer 1

設置平鋪容器的高度，以50％（或其他適合您的要求）。 代碼：

<TileContainer tiles='{/}' height='50%'> 
       <tiles> 
        <StandardTile title='{title}'> 
        </StandardTile> 
       </tiles> 
</TileContainer> 

Answer 2

你可能不需要一個TileContainer這裏（瓦箱滿屏幕組件，當你有瓷磚的一個未知的 - 但重要的 - 號使用）。

你應該使用更簡單的容器喜歡這裏與HBox

<HBox 
     id="container" 
     items="{deviceData>/d/results}"> 

     <StandardTile 
     number="BBB" 
     numberUnit="CCC" 
     title="ZZZ" 
     info="XXX" 
     infoState="CCC" /> 
    </HBox>