UI5 Tiles К началу страницы

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>