TLDR:
-
Using live timer entity countdown in an Entities card Entity row with more than the timer entity
-
Using entities or entity icons in an Entities card header
-
Using native time input in an Entities card Entity row with more than the input_datetime entity
Currently there are endless ways to customize your frontend UI but for me, I kept using the basic UI with one goal: Control my entire home within one phone screen, not endless scrolling, tab searching, button cards or sliders.
That involved the following:
- Adding clickable entities to card headers
- Adding live Timer counters to Entity rows with multiple entities in Entities cards
- Adding native editable input_datetime time inputs with multiple entities in Entities cards
Explanation:
-
I want to add some information in card headers that don’t belong as badges.
I used to handle this by adding a blank sensor in the header and positioning icons/entities using Browser Mod.
Now I use this: GitHub - pleeja/home-assistant-header-entities-card: This is a Home Assistant card that allows you to add Entities to the header of a lovelace card. · GitHub
Example: I use browser pop-up to activate a remote card when clicking on the media player icon in the header -
Adding live Timer counters to Entity rows with multiple entities in Entities cards.
I use countdown timers to turn off my lights or TV after a certain time.
If you use regular entities card with a timer entity it will display the live timer count but if you try to add another entity using regular multiple-entity-row the value will change from an “Active/Inactive” label to the live current remaining time.
GitHub - pleeja/lovelace-multiple-entity-row: Show multiple entity states and attributes on entity rows in Home Assistant's Lovelace UI · GitHub -
I wanted to have a schedule to input my upcoming alarm time for the day but also add a toggle to activate that alarm in the same entity row. So this custom row was made to use the native UI time input without an extra modal trigger but also add a toggle to the same entity row.
GitHub - pleeja/ha-toggle-in-datetime-row: This is a repository to make it possible to edit an input_datetime entity in the same row as an input_boolean entity. · GitHub
Disclaimer:
I have been using Home Assistant for 10 years.
This is the first time I have been able to customize it completely to my liking without searching endlessly on forums but yes: the changes were made using ChatGPT.
I hope this topic will help some people facing the same problems I was having regarding the problems mentioned above.