2016-12-22 9 views
0

私はUI5を初めて使い、ページにいくつかのタイルを表示しようとしています。 しかし、それらは画面の中央に表示され、上に表示したいと思います。 以下は、スクロールせずにページに表示されるグラフではありません。 ページの上部に移動して下部の余白を削除するにはどうすればよいですか?UI5タイルページの先頭へ

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> 

答えて

1

50%にあなたのタイルコンテナの高さを設定(またはあなたの条件に合ったものは何でも)。 コード:

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

enter image description here

1

あなたはおそらく(タイルコンテナを使用すると、タイルの未知のブタimportant-番号を持っているときに使用するフルスクリーン・コンポーネントである)、ここでTil​​eContainerを必要といけません。

現在地のHBox

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

     <StandardTile 
     number="BBB" 
     numberUnit="CCC" 
     title="ZZZ" 
     info="XXX" 
     infoState="CCC" /> 
    </HBox> 
のような単純なコンテナを使用する必要があります
関連する問題