Lovelace: Banner card

Share your Projects! Dashboards & Frontend
47

Is it possible to have different icon or text colors based on state ? Such as by default with a motion sensor where there is a motion, the icon is yellow.

21 27

6 Likes
48

I came across this page looking for the same answer. I would like to have the icons display a different color based on state (i.e red when the garage is open and green when it’s closed). any luck with this?

1 Like
49

hello
is this possible to implement?

type: 'custom:banner-card'
heading: "\U0001F6C1 Temperatura"
background: '#B0C2AA'
link: /lovelace/bathroom
cards:
entities:
  - entity: plant.planta
    name: Ficus Benjamina
    type: plant-status

image
image927×261 14.6 KB

50

Hello
anyway to solve this:
if an entity is not available, just show like that instead of error in all the card?
check below

image

1 Like
51

@nervetattoo Any news related to the PRs waiting to be merged with your repository ? Thanks for the great work !

52

I’m going to start by warning people I’m new to HASS, just stated playing as I’m wanting to move away from WebCore.

I’m using hass.io installed on a synology diskstation, I’m having an issue adding a group of lights to banner-card, it’s showing as a value rather than a switch.

When adding ‘group.lights_livingroom_all’ to an Entity card it displays as a switch, as in I can turn group on/off. However when adding the exact same to Banner Card it displays the value, as in text saying ‘on’ or ‘off’. I suspect it might be an issue with how I’ve set the group up.

This is my code from Banner Card:

background: '#B0C2ED'
entities:
  - group.lights_livingroom_all
  - light.bookshelf_lamp
  - entity: sensor.netatmo_indoor_temperature
    name: Temp
  - entity: binary_sensor.aarlo_motion_livingroom
    name: Motion
heading: "\U0001F6CB Livingroom"
link: /lovelace/1
type: 'custom:banner-card'

Here is the code from groups.yaml:

  Lights.Livingroom.All:
    name: Lights.Livingroom.All
    entities:
    - light.bookshelf_lamp
    - light.dinning
    - light.livingroom_mini
    - light.tv

And finally a screenshot:

Annotation%202019-07-19%20174957
Annotation%202019-07-19%20174957790×532 26.3 KB

Thanks in advance!

1 Like
53

Anyone able to get font sizes formatting to work w/card-mod style? :

  • type: custom:banner-card
    style: |
    ha-card {
    –bc-font-size-heading: 3em;
    –bc-font-size-entity-value: 1.5em;
    border-radius: 5px;
    }
    heading: “\U0001F6C1 TEST”
    background: “#3366cc”
    row_size: 4
    entities:
    - entity: switch.debug
    name: Debug
54

This is what I’m using:

style: |
  ha-card .heading {
    color: white;
    font-size: 2em;
    margin-top: 15px;
    margin-bottom: 15px;
  }
1 Like
56

hey.
sorry, maybe a dumb question, however how did you get it to display the “apple” image, rather then the normal one (U0001F6C1) - or is this because you use a mac and thats how a mac shows the image?

57

Hi I don’t have an entity for this action is there a way I can do it with MQTT.

P.S I can make and entity up if need too

    background: "#EDE7B0"
    heading: "\U0001F6CB Bedroom"
    link: /lovelace/0
    entities:
      - entity: automation.green_house
        name: Green House Water
        value: mdi:book-open-page-variant
        action:
            - service: mqtt.publish
              data: {"payload": "ON", "topic": "cmnd/utilities/SprinklerSystem/POWER5", "retain": "0"}

Next thing is there action I can add my
input_number:_slider_1 as a slider

thanks love the card

58

I’m on vacation and have been spending my time on the beach while muting everything related to tech, so I’ve not had a look at any PRs or issues no :slight_smile: Easing back to being online more now and will slowly be replying and processing everything over the coming week.

4 Likes
59

Hello to all
what is the best way to get more icons?

60

Hi. looks like Banner card support background image.

          - background: url(/local/home.png)
            entities:
              - attribute: state
                entity: switch.pc
                map_state:
                  'off': 'mdi:monitor-off'
                  'on': 'mdi:windows'
                name: PC
img

hass
hass1800×1200 168 KB

1 Like
61

Is it possible to have a state shown as a different text. For instance I have a door listed when open shows “on” when closed shows “off”. I would like it to say “open” and "closed. I thought the attribute key would be used for this but for some reason I am having a hard time implementing.
Thanks

62

Sorry should have tried some more. Was able to accomplish this with map_state. Shown below incase anyone has the same issue as me.

    map_state:
      'on': open
      'off': closed
2 Likes
63

Hi All,

I’m still struggling to get a group of lights to act like a Switch, it shows the state of the group rather than a switch. Any ideas? Full details: Lovelace: Banner card

64

I have the exact same question. Is it possible to have a toggle for groups?

65

This is really a great card. Thank you for all the hard work!

Is there a way to add volume control to the media player?

66

How do you round the cards?

67

Install card-mod custom card and then use the following

    style: |
      ha-card {
        border-radius: 5px;
      }
2 Likes