@Scoff They’re each inside individual <tr> tags. You can target them directly that way.
There are two answers to this.
-
You could probably use card-mod and other hacks to style the fact that the information is feed dynamically into a table in your front end
-
The whole thing could be rewritten so that it creates an entity like “all-alexa-timers” which carries all the attributes for each timer
Now i would think someone could do #2, but #1 is a band -aide.
Better said … this is a card that “acts” like an entity should … when it really should be an entity that allows you to put information into any styled card you like.
Thanks for the responses. I’ll go back to trying to target the correct individual tags in that case.
Weird issue. Using an old iPhone on IOS 15.8, the alarms do not show on the card. Timers show fine. Tried on two different old iPhones on 15.8 , both safari web view and home assistant app.
Modern browsers and IOS17 everything works fine, even looking at the card at exact same time. I went to the original version of the card, my edits, and still have same behavior of the alarms not showing. I tried to add debugging and could not figure it out. Using markup to get the alarm to show works (which does not look as good).
Be interested if anyone else can confirm before I really dig into this.
I’m having an annoying issue, following the latest card-mod update, the card now “flickers”, like I see the base css and then it changes to the card-mod setting and it goes back to the base css every second. Is anyone else encountering the same problem?
Ick, yeah, that’s happening for me too. I’ll see if there’s anything I can do about it.
Maybe it can help your investigation - I’m also using a digital clock card from here:
Which also updates every second, and I’m also using card_mod for that one to change the layout and there’s absolutely no problem with it. So for some reason card_mod likes that card better…
Alternatively, this card can behave like custom button card (GitHub - custom-cards/button-card: ❇️ Lovelace button-card for home assistant) which has “style” field (GitHub - custom-cards/button-card: ❇️ Lovelace button-card for home assistant) option for custom CSS within the card’s yaml itself, without needing card_mod at all, but this may be too much work to implement.
Does anyone have any issues with the Alexa timers card to where it works for a little bit by showing the timers correctly, but days later it no longer shows the active timers? The only way I get them to show back up is to restart HA, but then it just works for a few days and then stops showing them all over. I don’t see any specific logs that show any issues.
Sorry, that’s not a thing I would notice because I reboot nightly. When it’s not working, are you able to see the upcoming timers on that device in Home Assistant? Sometimes the Alexa Media Player integration can’t get that information, and then it can’t be displayed.
@DrMor I’m still having that issue with the flickering, which I am going to look into (hopefully) in the next few days. I looked at the digital clock card but it’s using some TypeScript library I’m not familiar with to do most of what it does. I’m thinking it might have to do with a bit of sloppiness in my code where I completely redraw the timer rows every second - I could refactor it to only redraw the number and I think that wouldn’t seem to be a flicker anymore. Like card-mod is taking a little longer to style the content properly than it used to, and now my sloppiness is catching up with me.
Great, thank you!
By the way, I’m also seeing that the timers stop working after a few days, but I didn’t look too much into it since I also started restarting nightly.
New release that fixes the flickering for me. Hopefully it works for you as well.
Works great, thanks!
Stopped working for me today (despite a midnight restart), and I realized that Alexa Media Player integration was the problem, if I look at the “next_timer” sensor then I see that it’s empty. So hopefully this is something that the Alexa Media team will fix eventually, in any case it’s not this card’s fault.
Strange. It’s working for me right now. I know sometimes the Alexa Media Player integration has temporary issues. I don’t know why. Hopefully yours resolve themselves.
I am having the same issue with the flashing. It is definitely card mod. Even when there is no timer active (and hide card on empty is false) it still flashes. I also played around with the transition and that might be tied to it, not smart enough for that though. Everything on my HA is updated to latest version so that could also be the issue.
Is there any active development of this card? I am wondering if there is maybe an alternative?
Yes, there is active development of this card. I am the writer and maintainer of the card.
At least for me, the flickering was caused by an update to card mod which caused it to load more slowly, which was giving something similar to a flash of unstyled content (FOUC) problem due to the kind of sloppy way I had coded it originally which had worked at the time, namely redrawing the whole thing constantly, regardless of whether there was a change. It’s just that before the update to card mod, this redraw was happening so fast that it was undetectable. I rewrote the card so that it only redraws things that change.
I had issues with flickering happen again a little while after the fix, but they were resolved when I cleared the cache on my display. Maybe try that? If it’s still loading the old code, it will still have the problem.
Does anyone know how to put the time below the name? I want the time to be a very large font to fill the panel on my tablet.
@jwelvaert It can’t do that right now, but give me a little while to work on it and I will make it an option.
I really never envisioned the (minor) popularity this project would have, so initially it was just built for me. It’s fun to expand it for everyone’s use cases.
1 Like
@jwelvaert Okay, I made a new release, v1.2, that has a new optional parameter, “display_style”. You can see more about it in the readme. I’m not sure how well it will work for you with multiple timers, but I included an example using CSS flexbox in the readme to place them side by side.
Others already using this should not be affected by the changes, as the default of the optional parameter is “table”, which is the original layout.
Just in case, the code I changed is at: GitHub - Kethlak/card-alexa-alarms-timers: Card for Alexa Timers and Alarms