Fiori elements, line item importance and text

[patrick_weber11]

Hi community,

I'm currently developing a Fiori Elements ListReport App using CDS view annotations only. I'm struggling with visualization of text elements and their key. Like materialno and the corresponding text. Or a plant and the name of a plant.

What I want to achieve is something like this. Plant name and material text is above the corresponding values. It results in a table row containing two text rows.

I tried to set importance, consumption semantic object and also set text elements but it always results in this (taken from app preview). Text and key are in a single row, Text has not been highlighted like in above example resulting in waste of horizontal space

Which annotation must I use to achieve layout like above? I checked the underlying CDS View C_Insplotmng but was not able to find any difference.

This is how I tried to achieve the result in Metadata Extension

  @Consumption.valueHelpDefinition: [{ entity: { name: 'I_MaterialVH', element: 'Material' } }]
  @ui.lineItem: [{ position: 20, importance: #HIGH}]
  @ui.fieldGroup: [{ qualifier: 'idHeader', position: 20, importance: #HIGH }]
  @Consumption.semanticObject: 'Material'
  Material;

  @ui.lineItem: [{ position: 30, importance: #HIGH }]
  @ui.selectionField: [{ position: 20 }]
  @Consumption.valueHelpDefinition: [{ entity: { name: 'I_PlantVH', element: 'Plant' } }]
  @ui.fieldGroup: [{ qualifier: 'idHeader', position: 30, importance: #HIGH }]
  Plant;

and underlying consumption view

      @ObjectModel.text.element: [ 'InspectionLotText' ]
  key InspectionLot,
      @ObjectModel.text.element: [ 'MaterialName' ]
      Material,
      @ObjectModel.text.element: [ 'PlantName' ]
      Plant,
      InspectionLotOrigin,
      ManufacturingOrder,

      @Semantics.text: true
      InspectionLotText,
     
      @Semantics.text: true
      _Material._Text.MaterialName : localized,

      @Semantics.text: true
      _Plant.PlantName,