HAOS Dashboard Summaries

Configuration Frontend
1

The Summaries card broke with the latest HAOS update.
The lighting icon doesnt display now.
I previously tried to add a new card but the new ones never showed any icons so I removed them because I can not find anywhere that the icon is defined.
Now, I still can’t find where the Lighting icon is defined and it doesnt work like it did before the update.
Does anyone know where this icon is defined?

  • type: grid
    column_span: 2
    cards:
    - type: heading
    heading: Summaries
    - type: home-summary
    summary: lights
    vertical: true
    tap_action:
    action: navigate
    navigation_path: lights
    grid_options:
    rows: 2
    columns: 4
2

From: How to help us help you - or How to ask a good question - #3

“When sharing the code, share it as text and not an image. When you do that, remember that spacing is critical in YAML, and if you just throw the code on the page then it’ll look ugly and nobody will know if the problem is because of spacing. We need you to use code blocks and appropriate markup.”

Try adding this to the end of your fragment. (Since your post is not properly formatted, this is just a guess)

icon: mdi:lightning-bolt

3

Thanks for your help!
I had previously tried to define an icon with no luck - Maybe I’m not formatting it right? Not sure but… That didnt work for me.

      - type: grid
        column_span: 2
        cards:
          - type: heading
            heading: Summaries
          - type: home-summary
            summary: lights
            vertical: true
            tap_action:
              action: navigate
              navigation_path: lights
            grid_options:
              rows: 2
              columns: 4
            icon: mdi:lightning-bolt
4

I am pretty sure that icon: has to be attached to an entity. I don’t see an entity in the fragment you posted.

5

Try

type: grid
cards:
  - type: heading
    heading: Summaries
    heading_style: title
    icon: mdi:lightning-bolt
  - type: home-summary
    summary: lights
    vertical: true
    tap_action:
      action: navigate
      navigation_path: lights
    grid_options:
      rows: 2
      columns: 4
    icon: mdi:lightning-bolt

Column span is an issue…

6

Sorry, I’m kinda new to all this…
I don’t remember “Making” this, it was on my dashboard by default I think. I just tried editing what was there by adding new ones - the icons didnt work so I deleted them (keeping the default ones) which coincidentally quit working with just the lighting icon after the last update.
I dont even understand how the others work with no icon defined???

Screenshot 2025-11-07 081500
Screenshot 2025-11-07 081500691×989 35.7 KB

type: grid
column_span: 2
cards:
  - type: heading
    heading: Summaries
  - type: home-summary
    summary: lights
    vertical: true
    tap_action:
      action: navigate
      navigation_path: lights
    grid_options:
      rows: 2
      columns: 4
    icon: mdi:lightning-bolt
  - type: home-summary
    summary: climate
    vertical: true
    tap_action:
      action: navigate
      navigation_path: climate
    grid_options:
      rows: 2
      columns: 4
  - type: home-summary
    summary: security
    vertical: true
    tap_action:
      action: navigate
      navigation_path: security
    grid_options:
      rows: 2
      columns: 4
  - type: home-summary
    summary: media_players
    vertical: true
    tap_action:
      action: navigate
      navigation_path: media-players
    grid_options:
      rows: 2
      columns: 4
7

Nothing about this is default to HA and had to come from somewhere???

type: grid
cards:
  - type: heading
    heading: Summaries
    heading_style: title
  - type: home-summary
    summary: lights
    vertical: true
    tap_action:
      action: navigate
      navigation_path: lights
    grid_options:
      rows: 2
      columns: 4
    icon: mdi:lightning-bolt
  - type: home-summary
    summary: climate
    vertical: true
    tap_action:
      action: navigate
      navigation_path: climate
    grid_options:
      rows: 2
      columns: 4
  - type: home-summary
    summary: security
    vertical: true
    tap_action:
      action: navigate
      navigation_path: security
    grid_options:
      rows: 2
      columns: 4
  - type: home-summary
    summary: media_players
    vertical: true
    tap_action:
      action: navigate
      navigation_path: media-players
    grid_options:
      rows: 2
      columns: 4

I removed column_span: 2

8

Removing column_span: 2 just made its layout different, Didnt help display the missing icon.

This is in a dashboard that I “Made”, its not the “default” dashboard but I didnt write the yaml, I must have downloaded it from somewhere I dont remember…

9

Are you using room-summary-card

10

I don’t remember downloading that github but I guess I could have… Years ago I had HACS integration with all kinds of custom stuff so its not beyond me to do crazy things LOL
More likely I got it from a premade dashboard provided by a user of the forum here…

11

Then stating this without additional information will only hinder a resolution.

I’d suggest reading the forum’s guidelines so we can help!

I suggest a Dashboard reset if you can remember where the yaml code came from…

12

I understand, I’ll continue learning…
Thanks for all your help!

13

I found the solution: you need to change summary: lights to summary: light.
FYI you did generate this code by creating a home dashboard.

1 Like
14

Sort of, It was a while ago but I think I downloaded a dashboard from the community here, Don’t remember exactly but I didn’t make it from scratch…
Also, Thanks for solving it for me… Light worked!
Thanks!
Ron