The community will undergo maintenance on October 16th at 10:00 PM PDT and will be unavailable for up to one hour.
Hi all,
I am wondering if there is a way to enlarge the area of a Value Display widget that changes color based on State Definition. If you look at the attachment I have uploaded, the center box outlined in Red is a container with a Value Display widget. I have the name of a piece of equipment being displayed, and if it is Running the bottom will show green, and if it is Offline it will show red. My question is this; the green box in the screenshot is showing that the equipment is Running. Is there a way to make that green box bigger? Ideally I'd like the whole container to have a green background if running, and a red background if offline. Is this possible?
Thanks in advance!
Solved! Go to Solution.
You can dynamically assign a class to your container and use CSS to make the entire container background green or red. For example, if it should be green, then return a class called greenContainer to your container (or redContainer if it should be red). Then your CSS will look like:
.greenContainer .widget-content {
background: green;
}
.redContainer .widget-content {
background: red;
}
Hope that helps
--Nick
You can dynamically assign a class to your container and use CSS to make the entire container background green or red. For example, if it should be green, then return a class called greenContainer to your container (or redContainer if it should be red). Then your CSS will look like:
.greenContainer .widget-content {
background: green;
}
.redContainer .widget-content {
background: red;
}
Hope that helps
--Nick
That worked perfectly... thanks so much!