Skip to Content
0

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

Nov 30, 2016 at 07:34 AM

42

avatar image
Former Member

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>

ui5
10 |10000 characters needed characters left characters exceeded
* Please Login or Register to Answer, Follow or Comment.

1 Answer

Sharath M G Aug 19, 2017 at 03:21 PM
0

try to wrap it in a flexbox container.

Share
10 |10000 characters needed characters left characters exceeded