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

Community Tip - Did you get called away in the middle of writing a post? Don't worry you can find your unfinished post later in the Drafts section of your profile page. 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