Lovelace: Banner card

Share your Projects! Dashboards & Frontend
207

Can anyone help me with how to center text for an entity.

image

The bottom right section does not center for some reason. It does not matter where i place it. Thanks

208

I’ve noticed that issue when the text is too big for that section. For me, the solution was to find a way to shorten the text in the affected section, or to expand the section.

209

Looks like this may be a bug - I opened an issue for it here: https://github.com/nervetattoo/banner-card/issues/83

210

when cards have sensor values, it seems the sizing changes a bit. notice the height difference between “Küche” and “Schlafzimmer”, where “Schlafzimmer” has a sensor value and “Küche” does not.
I tried to reduce the font size for the entity value, but this did not resolve the issue:

image
image1017×346 31.8 KB

1 Like
212

Is it possible to implement light popup card (https://github.com/DBuit/light-popup-card) into a banner card by using hold_action? I tried it but with no success. I would be thankful if somebody could help and give me a hint or an example. Thanks a lot!

213

Is there a way of restricting an entities pop-up box?

image
image692×370 45 KB

216

Been meaning to look at this card for a while.

Awesome work!

Wife loves it.

Is there a way to make a light an icon instead of a toggle like with a sensor?

217

I searched for a long time, the answer for those who are still searching

             map_state:
                  'on': 
                    color: yellow
                    value: mdi:run
                  'off': 
                    color: lightblue
                    value: mdi:human-male
3 Likes
218

Did you ever figure out a solution to this?

219

No, unfortunately

220

Since the update to 0.117.0 I am getting an exclamation mark over the every picture

banner

1 Like
221

Same issue here.

222

OK thanks. Will open an issue with the code owner but not sure how active they are at this time.

Raised Issue

1 Like
223

Hi,

Is it possible to change the text color if the value/output hit’s a kind of threshold?
Example, I use CO2 sensor data in my card, but I want to change the text color if my values is =>1500 to yellow, and =>2500 to red.
Is this possible?

image

Thx,

 Jurgen
3 Likes
224

How do we change the image in front of the name of the banner (bathroom). see put a photo in the background

225

the only images I know of are the emoji. The banner card can display any of the images listed on the Unicode Emoji List.
image
the frying pan and the noodles are Emoji!

i did find this example in the documentation on the Git repo…

heading: "\U0001F373 Kitchen  \U0001F35C"
background: url("/local/header_images/kitchen-header2.png")
type: 'custom:banner-card'

is this what you are looking for?
image
I added a picture from breakfast as a texture background…

226

thank’s for reply

227

Hi Guys,

I love this card. Right now iḿ trying to setup a card with multiple media players, but I only want to show them when they are playing. Unfortunately I cannot seem to get this to work. Either one is showing all the time or none is showing at all. Does anyone have an example yaml i could use?

Thanks!

228

Never mind! I figured it out :slight_smile:

If anyone wants to know, this was how I did it:

type: 'custom:banner-card'
heading: "\U0001F6CB Woonkamer"
link: /lovelace/test
entities:
  - light.dimmable_light_2
  - light.dimmable_light_12
  - sensor.temperature
  - entity: media_player.tv
    when: playing
  - entity: media_player.hub
    when: playing
  - entity: media_player.surround
    when: playing
230

I think it has to do with the value for the state:
Your fan state is “OFF” with all capitals, but the state of your Gym TV is “off” with all small caps…
I’m a newbie so i can’t give you a solution but it’s just what caught my eye…