Skip to Content
0
Former Member
Nov 30, 2016 at 07:34 AM

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

99 Views Last edit Aug 18, 2017 at 09:44 PM 2 rev

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>