complex item in list

[Former Member]

Hi guys.

I have gone through the walk-through of ui5 and already know how to create a list to show items.

I am wondering how to make it more complex.

I have attached a picture to show some sort of sample.

[Former Member · Accepted solution]

The picture is just one item and I will create a list to show this kind of items.

I can create a JSON file to store the data, but how to do the layout part if I have multi levels of words.

[Private_Member_15166 · Accepted solution]

You can use matrix layout with Rows and columnspans.

MatrixLayout - SAPUI5 Demo Kit

[Former Member · Accepted solution]

You can use a customListItem as a template to your list. You can add any controls to the content of the customListItem.

here is the API reference

JsDoc Report - SAP UI development Toolkit for HTML5 - API Reference - sap.m.CustomListItem

here is an example

SAPUI5 Explored

You can add your controls into a flexbox and arrange it accordingly and place the flexbox inside the customListItem