Hello community.
I would like to have a progress bar as a column in a grid widget based on a percentage value from 0-100, how can I do that?
I am aware that progress bars could be done by a shape widget, so perhaps it could be possible to have a column as a shape that can take a value?
The goal is to have the grid look like this:
Thank you in advance!
Hi
Sure I will upload project entities so you can import them in your env.
Please follow the below steps :
1. Create a ParentMashup and place header label and collection widget
2. Create ChildMashup for collection widget with Label and Shape Widget
Note: DO NOT CALL ANY SERVICE OR CREATE ANY FUNCTION IN CHILD MASHUP. (Which will affect the performance of the app )
3. Create Mashup Parameters in ChildMashup. Mashup Parameters will pass data from ParentMashup to ChildMashup
More about Mashup Parameters - Configuring Mashup Parameters (ptc.com)
4. Bind Mashup Parameters to Shape Widget and Label
5. Enable Dynamic filling in Shape Widget and Set Dynamic filling maximum limit
6. In parent Mashup, pass data to the collection widget from your service
7. Set Mashup property value as your childMashup which you created in step 2
8. Set UID Field which should be unique for each row. In my example I have set rowNumber as UIDField which is unique for each row
9. Configure Mashup Parameter JSON to pass data from service to childMashup
In Mashup Parameter JSON, the key should be dataFieldName from Service and the value should be Child Mashup Parameter name
10. Set Mashup height to 60px (each row height) and View Type to Table in the Collection Widget property
The result should look like this :
I have attached example entities for your reference.
/VR
Enter your E-mail address. We'll send you an e-mail with instructions to reset your password.
