Hi all,
Im trying to build a automation that displays a button in one of the dashboards that just is a reminder for taking vitamins. Not sure how to approach this.
for context this is for my grandparents. I am building a dashboard that displays on a persistently “on” Ipad, a button that says “Vitamins” - i want it to pop on the dashboard every day - and with it have a light automated to shine red. When button is pressed the button goes away and the light turns off. Any help in automating this in rule machine will be really appreciated
I can think of a couple of ways it could be done. Create a Virtual Switch 'Vitamins'. Then create a rule that turns that switch on at whatever time each day. The rest would just be the icon/styling of the tile. Ideally you want that switch tile to be empty/blank when turned off and bright (or even flashing) when on. They just touch it to turn off the virtual switch. Someone will know whether this is possible in the built in Hubitat dashboard (with regard to the tile), it's possible in both SharpTools and HD+ for Android (I've used it to illuminate a tile on bin day as a reminder)
Another possibility is to use 'Message Rotator Tile Device' by @thebearmay. With that you can use a rule to populate a tile with text 'Take Vitamins' at a particular time of day. I use this tile for various warnings (as it can switch between multiple text strings every x seconds). I have a Virtual Button next to this tile which when pressed sends an action to clear the text so that it's blank again.
As always, I'm sure there are multiple ways to achieve a similar result ask other users will chime in.
With CSS you can make the tile change by state, so you can have a virtual switch that is invisible when off, but shows a color and icon when it is on. Turning it off would make it invisible. You can choose the background color for on in the Dashboard Template editor for switch.
You just need a timer rule to turn on the switch at pill time. The off part takes care of itself when it is pressed on the dashboard.
#tile-10:has(.tile-primary.off) {
visibility: hidden;
}
To put a custom graphic on the tile when the switch is on:
#tile-10 .tile-primary.on {
content: "";
background-image:url("//<hub ip>/local/<image name>.svg");
background-size: 100% 100%;
display: inline-block;
/*size of your icon image*/
height: 30px;
width:30px;
/*if you want to change the position*/
position:relative;
top: 0px;
left: 0px;
}
This is a good source for free svg images:
https://www.svgrepo.com/vectors/pills/multicolor/
Just use File Manager in settings to upload the SVG you download, and then use that file name in the css.
1 Like
