Customizing a Lovelace Card

J2D2 · February 27, 2024, 8:06pm

Hi Everyone, i am so new to Home Assistant its not even funny.
I am however, a sys admin. so i have the natural knowledge of computing
When it comes to HA and YAML, i am more than a noob

I like YAML cause its simple. but i am not familiar with it at all.

What i have on my dashboard is a “glance” card
with my 5 blind entities.
It also has my 5 blind Battery entities
it also has my 5 blinds Wifi entities

But the way its layed out, it is showing the name of the Blind for the Blind, battery and wifi.

The layout is setting with 5 columns with 5 entities so its nice and clean looking… sorta
I was hoping someone can help with the code to basically have the Blind entitiy names present, but hide the battery and WIFI names.

They are stacked under eachother so i know what entity is what

I’m probably using the wrong type of card, but perhaps i can edit the YAML on the glance card to achieve this?

Am i making sense?

Thanks everyone

J2D2 · February 27, 2024, 8:08pm

Here is what it currently looks like…

J2D2 · February 27, 2024, 8:09pm

This is what i want it to look like

and this is the YAML

show_name: true
show_state: true
type: glance
entities:

entity: cover.kitchen_blind_2
entity: cover.living_room_blinds_2
entity: cover.stairway_blinds_2
entity: cover.dining_left_blind_2
entity: cover.dining_right_blind_2
entity: sensor.kitchen_blind_battery
entity: sensor.living_room_blinds_battery
entity: sensor.stairway_blinds_battery
entity: sensor.dining_left_blind_battery
entity: sensor.dining_right_blind_battery
entity: sensor.kitchen_blind_signal
entity: sensor.living_room_blinds_signal
entity: sensor.stairway_blinds_signal
entity: sensor.dining_left_blind_signal
entity: sensor.dining_right_blind_signal
columns: 5
title: Blinds

CO_4X4 · February 27, 2024, 8:15pm

You could look at Multiple Entities Rows in HACS to help with the layout. Here is how I have some of mine laid out:

This is part of my overall “Security” dash that has similar cards for my doors, locks, vibration sensors and more. Nice and compact and I know what’s going on at a glance at any given time.

J2D2 · February 27, 2024, 8:52pm

Thanks for your input
I like this!
I will forsure try it

I do like having the battery icon with the color states.
Gives the dashboard a little more “life”

Your suggestion is almost perfect
Thanks again

J2D2 · February 27, 2024, 9:23pm

So
ive read the document.
Ive watched videos.
I cant get YAML to cooperate

This is my frustration with YAML and HA.

CO_4X4 · February 27, 2024, 11:00pm

Did you install HACS and then install this via HACS or did you download it and install it manually?

Ildar_Gabdullin · February 28, 2024, 1:21am

show_name: true
show_icon: true
show_state: true
type: glance
entities:
  - entity: sun.sun
    name: kitchen
  - entity: sun.sun
    name: bedroom
  - entity: sun.sun
    name: hall
  - entity: sun.sun
    name: ''
  - entity: sun.sun
    name: ''
  - entity: sun.sun
    name: ''
  - entity: sun.sun
    name: ''
  - entity: sun.sun
    name: ''
  - entity: sun.sun
    name: ''
columns: 3

1 row = blinds
2 row = batteries
3 row = wifi

Ildar_Gabdullin · February 28, 2024, 1:23am

type: entities
entities:
  - type: custom: m-e-r
    entity: ...
    ... and so on

Ildar_Gabdullin · February 28, 2024, 1:30am

type: entities
entities:
  - type: custom:multiple-entity-row
    entity: sun.sun #could be anything
    name: kitchen
    show_state: false
    tap_action: none
    entities:
      - entity: cover.test_garage_door
        name: false
      - entity: cover.test_garage_door
        icon: true
        name: false

1st “-” adds a state, 2nd adds an icon.
Repeat these “-” lines for “battery” & “wifi”.

Add this “- type: custom:multiple-entity-row” code for every room.

J2D2 · February 28, 2024, 4:55pm

This is exactly what i was looking for.
I had a feeling it was a YAML code edit i needed to make

I appreciate all the feedback and support.
I will continue to play around with Multiple Entities Rows because i do actually like the layout a bit better
@CO_4X4 image is what i will most likely end up going for

J2D2 · February 28, 2024, 5:04pm

I just went to HACS and donwloaded it
I see the resource in my dashboard.
I figured thats all i needed?

Ildar_Gabdullin · February 28, 2024, 5:06pm

Just test the code:

type: entities
entities:
  - type: custom:multiple-entity-row
    entity: sun.sun

J2D2 · February 28, 2024, 5:10pm

yup
Code seems to be working

I will continue with your example above and see if i can get it to look like
@CO_4X4 screen shot

Thanks again

J2D2 · February 28, 2024, 5:32pm

Thanks again for all the help

Here is what i got so far (ignore the unavailable blind, not sure why it keeps dropping)

Looks like i finally understand the code - but i am not understanding how the battery color icons work
When i find the mdi: icon it only has 10% - 20% etc…
there doesnt seem to be a dynamic icon that changes when the state changes…

Any ideas?

J2D2 · February 28, 2024, 5:37pm

ok - i got the colors
But the battery icon isnt changing
whats the parameter for that??

J2D2 · February 28, 2024, 6:12pm

Looking good everyone thanks again…

Still just those battery icons arnt changing state and how did @CO_4X4 get that the “state” name over the “Closed” state for the blinds…

Ildar_Gabdullin · February 28, 2024, 6:22pm

Sorry, have you tried reading docs for m-e-r?
It is “name” option.

J2D2 · February 28, 2024, 8:18pm

Yes i did find the state_header
In the documentation example it seems there are a few things different on where these parameter are placed.
I had the state_header in the wrong spot…

One thing left is to get these Battery icons to change dynamically with the state…

Ildar_Gabdullin · February 28, 2024, 8:19pm

is a “title” (displayed above a state) for the main entity, for additional entities use “name”