Lovelace: Banner card

Kitkat · January 12, 2022, 10:24am

Hi,

Still not clear how to make the banner heading text smaller???
Where does style: go?

Thx

type: custom:banner-card
heading:
  - mdi:bed
  - Bedroom
background: green
entities:
  - entity: group.bedroom
    name: Bedroom Group
  - entity: sensor.bedroom_temp_zigbee
    name: Bedroom Temp
  - entity: light.bedroom_lamp_1
    name: Bedroom Lamp 1

Moonlight_Guest · January 13, 2022, 11:32am

Hi Amanda,

For me it works like this:

card_mod:
  style: |
    ha-card .heading {
      font-size: 1.75em;
      font-weight: 400
    }

Mogodon · January 14, 2022, 2:39pm

Has anyone managed to use entity acton to change the default tap action to a link>

I have the weather.home entity as one of my enties but I’d like to change the standard tap_action from opening further details to opening another view/tab on lovelace.

I’ve tried the following:
"`
entity: weather.home
name: Edinburgh
action: url
url_path: weather

entity: weather.home
name: Edinburgh
action: url
url: weather

entity: weather.home
name: Edinburgh
tap_action:
action: url
url_path: weather

entity: weather.home
name: Edinburgh
action: url
link: weather

entity: weather.home
name: Edinburgh
action: url(‘weather’)

entity: weather.home
name: Edinburgh
action: url
url_path: weather`"

Also tried using card-mod with a type web-link but to no avail.

Tobias_Brage · January 20, 2022, 8:33am

Hi, great card. Only thing I’m missing is the option to center the background image or contain it like in CSS.
The center of my current background image changes depending on what device I use.
An option to center it would be great!

SpookyAwol · February 3, 2022, 4:38am

Hey, great card - wondering if someone can kickstart me with some code for styling and sizing a background image?
I want to work on resizing to fit the card and fading

eg
type: custom:banner-card
background: url("/local/dining.jpg")
heading:

mdi:oven
Kitchen
entities:

FaBRiK · February 4, 2022, 12:34pm

Is it possible somehow mix the elements in different rows? I mean e.g. in our kithen there are 2 alarm related entities (wondow open and motion), 2 entities for temperature and humidity, 3 light switches and 1 media player. So It would be nice to have a row with 4 entities (motion, window open, temperature, humidity), another row with the 3 lights entities and 1 row with the medai player. The last 2 rows are OK, but in the first raw I’d like to show 4 entities. It is possible somehow?

BigBlackBear · February 6, 2022, 9:43pm

I agree that this would be useful. In my implementation, I’ve gotten around this by making the row_size as large as I need it for my largest row, then adjusting the sizes of individual entities to get as close as possible. It works, but my entities end up being different sizes in some cases.

FaBRiK · February 7, 2022, 9:47pm

I found a workaround. I give a row_size 6 at the beginning and size 2 for entities I’d like to have 3 cells in a row and size 3 where I’d like to see 2 entities in a row. E.g. here is a block with 3 entities in the first row and 2 entities in the 2nd row

type: custom:banner-card
row_size: 6
heading:
  - mdi:silverware-fork-knife
  - Kitchen
entities:
  - entity: light.light1
    name: Light1
    size: 2
  - entity: light.light2
    name: Light2
    size: 2
  - entity: light.light3
    name: Light3
    size: 2
  - entity: light.light4
    name: Light4
    size: 3
  - entity: light.light5
    name: Light5
    size: 3

BigBlackBear · February 7, 2022, 10:42pm

That’s even better than what I had. Thanks!

BigBlackBear · March 2, 2022, 10:34pm

Is anyone else seeing switches now broken after the 2022.3 Home Assistant update?

Bully89 · March 3, 2022, 11:55am

The same issue, don’t see any switch in my dashboard atm.

swampylee · March 3, 2022, 6:19pm

Same for me, all switches have disappeared.

Giuseppe_Venuti · March 3, 2022, 7:49pm

Same problem last update banner card levers are gone HELP

johanndr · March 4, 2022, 3:06pm

I am new on Home Assistant. I have also noticed that my levers are missing

tman75 · March 5, 2022, 12:22am

I just found this card! Glad the lack of toggles isn’t just me!

franciscorocha · March 5, 2022, 6:43pm

Switches broken with Home Assistant 2022.3.1 !!!
Please help with this …

tman75 · March 8, 2022, 9:49pm

a lot of chat in buttons dissapered after latest HA update 2022.3 · Issue #139 · nervetattoo/banner-card · GitHub

I am using this option. For lights just change the service to light.toggle

"I have another workaround
I just added “domain: sensor”, an icon and an action to every “toggle” that dissapeared

It was like this:

  - entity: switch.light_1
    name: Light 1
    color: white
    map_state:
      'on':
        color: yellow

And now it is like this

  - entity: switch.light_1
    name: Light 1
    domain: sensor
    action:
      service: switch.toggle
    value: mdi:lightbulb
    color: white
    map_state:
      'on':
        color: yellow

johanndr · March 9, 2022, 6:12pm

Thanks for your suggestion, it will work 100% for what I need

Vodny86 · March 25, 2022, 3:59pm

Good day.

May I ask why I don’t see the item (balcony light) as a toggle/switch?

like this

Thank you for advice

BigBlackBear · March 25, 2022, 7:11pm

Like each of the posts above you for the last 20 days, you are experiencing the issue that was introduced with Home Assistant version 2022.3.

This issue (and many others) have been fixed in the following repo: