I’ve created this simple countdown timer tile. Here’s the link to the HTML for you to paste into custom tile editor.
Enter the Target date in this format:
Jan 1, 2022 15:00:00
Jan 1, 2022
You can configure it in the tile editor like these examples.
Tile dimensions and styles can be applied normally from the tile editor
Any way to use this with SmartThings?
Yep, it doesn’t use any hub connection. Just runs in the sharptools browser. Give it a shot and comment back if I need to tweak anything.
Nice work! Don’t forget that you can use the special import URL format to make it easier to import your custom code!
In your case, it would be :
Here’s a quick import button for you.
@kampto This is fantastic! Thank you!
Changed “Show Days only” to switch to Hours if <1day remaining
Thanks @kampto! This is just what I was looking for.
Is there css to move the countdown text lower on the tile? I can’t seem figure it out.
For a quick fix, If you click this link and get the count up/down tile:
Count Up or Down Timer, advanced
Then add new tile to replace your old one.
Then go to the HTML code and add these 2 circled lines in this spot (line 92?), then play with the top: xx% till it where you want it. Hit update at the bottom after every change. Cant guarantee it will scale properly. Will need some time to mess with it.