I'm trying to get this LED display to flash red when in alarm condition. For testing purposes current value is 114 currently and should be flashing if less than 120. Can anyone see what I'm missing?
I'm following this post as a guide:
I'm trying to get this LED display to flash red when in alarm condition. For testing purposes current value is 114 currently and should be flashing if less than 120. Can anyone see what I'm missing?
I'm following this post as a guide:
Start small, create the style and just type it in, once that works then you can add bindings.
What's not working? From first glance, you have a backgroundColor set in properties but then trying to overwrite in the class. Not going to work. Delete the prop and just let the class set things.
@jlandwerlen That's what I tried first. This is what I get. I have no idea where there black is coming from.
This component is pretty broken from IA.
The backgroundColor
that sets the background of the actual readout is NOT a css property from the styles area, if you look closely, its actually .props.backgroundColor
not .props.style.backgroundColor
, so that is why your style isn't affecting it.
When you delete the original backgroundColor prop, it goes to default which is black.
You will need to make an Advanced Stylesheet entry against ia_ledComponent__background
that does the flashing animation, and also apply this same animation to ia_ledComponent__diode--off
I figured it out. I cant use a "LED Display". Using a generic "Label" worked perfectly.
Yeah, they're from the 1970s and you can't get spare parts anymore.
They're hard to read and labels are so much better with properly shaped digits, clearly legible and even elegant.
@Transistor Haha we don't like change around here.