<grid:CSSGrid gridTemplateColumns="1fr 1fr" > <HBox alignItems="Center"> <core:Icon src="{='sap-icon://fa-light/' + ${_cat_id/icon}}" class="sapUiTinyMarginEnd" /> <Text text="{_cat_id/name}" /> </HBox> <HBox alignItems="Center"> <core:Icon src="sap-icon://fa-light/calendar-clock" class="sapUiTinyMarginEnd" /> <Text text="{path: 'date_start', type: 'format.Date'}" class="sapUiTinyMarginEnd"/> <Text text="-" class="sapUiTinyMarginEnd"/> <Text text="{path: 'date_end', type: 'format.Date'}" /> </HBox> </grid:CSSGrid> </VBox> <HBox alignItems="Center" justifyContent="Center"> <Button class='mc-items-expandButton' icon="sap-icon://fa-light/arrow-up-right-from-square" type="Transparent" press="taskNav" > <customData> <core:CustomData key="module" value="rosters"/> <core:CustomData key="task" value="rosters_show"/> <core:CustomData key="field" value="id"/> <core:CustomData key="value" value="{id}"/> </customData> </Button> </HBox> </grid:CSSGrid> </CustomListItem> </core:FragmentDefinition>