on 11-30-2016 7:34 AM
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>
try to wrap it in a flexbox container.
You must be a registered user to add a comment. If you've already registered, sign in. Otherwise, register and sign in.
User | Count |
---|---|
83 | |
10 | |
10 | |
9 | |
7 | |
6 | |
5 | |
5 | |
4 | |
4 |
You must be a registered user to add a comment. If you've already registered, sign in. Otherwise, register and sign in.