Skip to Content
avatar image
Former Member

How to make multilple Progress Indicator added in horizontal layout responsive in sap ui 5

I added four Progress Indicators in Horizontal layout inside a table column. But they are not responsive. Can someone help me with this. I tried by giving Progress indicator's width in % but it is not working.

Code snippet:

<Column
width="55%"
hAlign="Center">
<m:Label text="Progression" />
<template>
<l:HorizontalLayout width="100%">
<comm:ProgressIndicator width="2rem" height="2rem" percentValue="0" displayValue="{greyValue}" />
<comm:ProgressIndicator width="10rem" height="2rem" percentValue="50" displayValue="{yellowValue}"/>
<comm:ProgressIndicator width="10rem" height="2rem" percentValue="0" displayValue="{orangeValue}"/>
<comm:ProgressIndicator width="2rem" height="2rem" percentValue="100" displayValue="{redValue}" />
</l:HorizontalLayout>
</template>
</Column>

Add comment
10|10000 characters needed characters exceeded

  • Get RSS Feed

1 Answer

  • Aug 19, 2017 at 03:21 PM

    try to wrap it in a flexbox container.

    Add comment
    10|10000 characters needed characters exceeded