Display Thermometer Widget Problem

#1

I am attempting to create a simple display image that has all the functionality of the thermometer (changes colors when the data gets to a certain value, etc) but I only want the image to be a circle, excluding the stem of the thermometer widget.

Anyone know of any tricks I could use to do this?

0 Likes

#2

Hi! Welcome to the forums!

Ok, just so I’m straight on this, you want a circle that changes color via a value, right?

If so, then this example window may be of help. This actually has two circles. One uses styles to change color from green to yellow to red to flashing red, the other uses a gradual change from green to yellow to red. I wrote this up to show my guys here that there are different ways to do the same task. Me, I like to make things visually pop. A little more effort up front, but usually worth the end result.

Also, to help you get familiar with what I did, please read up on the following in the manual:
[ul][li]Style Customizer[/li]
[li]Color[/li]
[li]toColor[/li][/ul]

Hope this helps!

EDIT: Removed non-existant file link. Reattached below.

0 Likes

#3

Thanks for the reply, Jordan. What you’re saying makes sense, but when I attempted to download your attachment, it was nowhere to be found. Said that the attachment had been deleted, or something. Can you re-attach it, please? I really appreciate the help.

–Quin

0 Likes

#4

Man, that stinks! Here ya go…

0 Likes

#5

Oh man that’s awesome! Thanks so much, that’s exactly what I was looking for.

One quick followup (mostly because I’m a newbie): if I want the number that is correlated to the color to appear inside the circle as well, how would I accomplish that?

0 Likes

#6

Put a label object over the circle (or wherever, really) and bind the text property to the value.

0 Likes

#7

Jordan - awesome example. I hope you don’t mind that I did the following:

  1. Added a few labels on the circles.
    1a. Bound the text value of those to the slider value.
  2. Added the LCD indicator and bound the value.
  3. Added the checkbox for “defer updates”
    3a. Bound the sliders “defer updates” property to the boolean value of the checkbox. Try dragging the slider without releasing the mouse in both cases.

These old FactoryPMI videos illustrate all that and more with binding and expressions.

0 Likes

#8

Thanks for the help! That’s exactly what I was looking for. Much appreash.

0 Likes

#9

You did WHAT?!? Ok, just kidding. My blessing comes in the sharing. :thumb_right:

I thought I had the defer updates unchecked. Like I said, I use this project to show examples to my guys here. must’ve re-saved with it checked. Ah well…

Making the analog color portion was a treat and a challenge to do. Banged my head for a half-hour because my math wouldn’t come out right. :laughing:

0 Likes

#10

Hey Jordan, Would like the same thing as the original post but don’t see any downloads in this conversation. Just need a square with all the same funtions as the thermometer. Do you have any examples I could use?

0 Likes

#11

Would be awesome to able to change the thermometer graphic to what ever we needed.

0 Likes

#12

Here you go.

Analog Color_2019-08-20_1736.proj (15.6 KB)

0 Likes