Great!
The !important part does the job indeed. I should’ve known that…
Thanks a lot for your help!
I just reported an issue on Github about the GUI editor messed up:
YAML editing works fine.
However, can anyone show me an example of using the buttons?
Hi!
I s this still working for you? I am not having any luck… Thanks in advance
And again, sorry. Just figured it out.
It seems that the right way to do it now is to use “conditional card”. Works immediately.
Thanks
there is a way to change to custom color ? . instead blue…
There are 3 themes to chose from:
Colorscheme hass, dark, light
Would be great if it could also easily be used for “remaining_program_time” of ovens, dishwashers etc from e.g. homeconnect.
I love this flipdown timer card.
I’m just wondering if increasing the time can also be made available when the timer is paused? Now it first needs to be reset before the timer can be changed.
Thanks already for this very useful timer card.
This should be a great option, and (I’m not an expert in Hass 
) is it posilble to triggera sound (alarm) when the timer reaches 0:00?
I’m planning to use this card on a wall panel as a cooking timer.
Is there a way to make more room for the colon in the middle? Here’s my code:
type: custom:flipdown-timer-card
entity: sensor.kitchen_dot_next_timer
styles:
rotor:
width: 150px
height: 160px
fontsize: 13.75rem
card_mod:
style: |
ha-card{ --primary-color: lime;
--dark-primary-color: white;
background: none;}
#d0::after, #d1::after{
border-top: 3px solid rgba(0, 173, 168, 0.7); }
#Minutes div span{
background-color: lime;
width: 30px;
height: 30px;
left: calc(30%);
top: calc(var(--rotor-height) / 2 - 50px); }
#Minutes div span +span{
left: calc(30%);
top: calc(var(--rotor-height) / 2 + 20px); }
.flipdown .delimeter {
height: var(--rotor-height, 80px);
position: relative;}
Hey guys!
Fisrt time here.
I’ve sussesfully been able to create a timer that I use like twice a day.
Can it display the current time while it’s idle? That would be amazing.
I’ve tried everything with no sucess.
Can anyone share some hints?
This simply returns 00:00:
entity: input_datetime.time
but HA shows me a date and a time when I’m coding it in the code editor.
Somehow I was able to force a timer’s duration to be the current time and put it in a repeat.
I’m sure there are better ways to achieve this, but if someone else want’s to give it a try:
sequence:
- service: timer.reload
data: {}
- service: timer.start
target:
entity_id: timer.stat_timer
data:
duration: "{{ now().strftime('%H:%M:%S') }}"
only on my phone
They now look perfect:
Thank you for your effort.
PS perhaps I changed the android system font size?
Greetings lars heijdemann
I have an issue with this card.
I connected it with an timer and setting the timer works but when the timer runs the card only shows 00:00 until I pause it than I can see what is left on the timer.
Occasionally using this card for over a year but just started a timer on my Amazon Fire and it automatically adds a bunch time when I click “start”, but in the same lovelace card in Chrome on a Windows tablet, the timer works proper. So one device shows the timer different than another device.
I tried clearing the Fully Kiosk cache on the Fire but no joy.
check the time on the amazon device.
1 Like
where to add this code? in card’s yaml?
Ha! That’s what I get for blocking my Amazon Fire from the internet, the wrong time. Thank you!
is it possible to use this with now()? or sensor.time?