Infolabel values in Row format

[tamilselvanm]

Hi Guys,

I need to display the info labels in this below format.

Currently the data is in array format.

Kindly help.

Regards,

Tamilselvan

[ssrinivas]

Hello tamilselvanm,

Please find the details below.

1. I need to give the space between the values - Use property alignContent="SpaceBetween"

2. All the values are displaying in the same line. How we can display the values in multiple lines - Use property wrap="Wrap"
API Reference - FlexBox

Srinivas

PS : Mark as solution provided if the case is solved. So we can close it. Thank you

[tamilselvanm]

Hi Srinivas,

I already used the property alignContent="SpaceBetween" but it does not work.

<FlexBox direction="Inherit" id="_IDGenFlexBox1" items="{orgContext>/}" wrap="Wrap" width="auto" height="auto" alignContent="SpaceBetween">

<items>

<tnt:InfoLabel id="_IDGenInfoLabel1" text="{orgContext>value_text}" colorScheme="{orgContext>ColorScheme}" width="auto" />

</items>

</FlexBox>

There is no space between info label values.

Regards,

Tamilselvan

[ssrinivas]

Use justifyContent="SpaceBetween" at FlexBox