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

Community Tip - Need to share some code when posting a question or reply? Make sure to use the "Insert code sample" menu option. Learn more! X

Progress bar inside grid cell

RockLala
12-Amethyst

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

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

Announcements


Top Tags