cancel
Showing results for 
Search instead for 
Did you mean: 
cancel
Showing results for 
Search instead for 
Did you mean: 

Progress bar inside grid cell

Garnet

Progress bar inside grid cell

Hi Everyone, 

 

I have one question is it's possible to display progress bar in side grid cell i.e.  according to integer value it should display progress bar instated of value on that respective cell ?

 

if answer is yes then could you guide me on this....

 

 

Thanks in advance

1 REPLY 1
Highlighted

Re: Progress bar inside grid cell

Hello,

 

Just in case you don't get any better suggestion, here's one:

 

  1. Generate several PNG images for your progress bar (e.g. 11 images for 0%, 10%, 20%, ...) using some online generator like this
  2. Load them as Media entities in ThingWorx, e.g. ProgressBar0, ProgressBar10, ProgressBar20, ...
  3. Create a State object to map values from 0 to 5 to the style with ProgressBar0, from 5 to 15 to ProgressBar10, etc.
  4. Use it through state-based formatting for the progress percentage column in your grid


We used this rather dumb yet efficient approach for displaying circular progress indicators on Google Map locations, and there it worked flawlessly without writing a single line of code.

 

Regards,
Constantine