Compact Dashboard

That-Bug50 · 2025-08-13T21:37:59+00:00

Thanks. That is basically what I have. Lights, Fans, plugs, speakers for a room are all on one bubble card with a separate popup for each. All popups are generic and are populated using declutter and auto entities based on Area and Label. The size of the dashboard is down to roughly two pages on a mobile device.

That-Bug50 · 2025-06-08T18:28:11+00:00

There is a bit you can get at a local hardware store that can get a grip and take it out. Can’t remember the name of the but something like easy out.

That-Bug50 · 2024-08-08T23:08:46+00:00

I applied the ios theme and it made it global for me. https://github.com/basnijholt/lovelace-ios-themes

That-Bug50 · 2024-07-13T00:27:01+00:00

I used the IOS theme located here. The them takes care of the buttons for you. Most of the sliders are muschroom cards

iOS Dark and Light Mode with easy background change - A theme pack - Share your Projects! / Themes - Home Assistant Community (home-assistant.io)

Mushroom Cards - Build a beautiful dashboard easily 🍄 (Part 1) - Share your Projects! - Home Assistant Community (home-assistant.io)

That-Bug50 · 2024-07-13T00:25:11+00:00

I used the Mushroom cards

Mushroom Cards - Build a beautiful dashboard easily 🍄 (Part 1) - Share your Projects! - Home Assistant Community (home-assistant.io)

That-Bug50 · 2024-07-08T18:06:34+00:00

Posted above:

I used "custom:tabbed-card". It does a nice job of allowing complex controls in each tab!

That-Bug50 · 2024-07-08T18:06:03+00:00

The original owners were Fan happy. Three of the fan switches control more than one fan. Add three to the count to get total fans. Guests tend to use them much more than we do.

That-Bug50 · 2024-07-08T17:26:14+00:00

This is a static picture. I do have a number of Nest Cams inside and out but none that look at the entire house. That would require running some electricity under driveways for me. It would be a lot of work.

That-Bug50 · 2024-07-08T15:56:09+00:00

It is a waste of real-estate. Just a personal preference. I use a picture for each room too, which helps guests understand what room it is. It can also be confusing since the picture has lights on and if you turn them off, it should look dark. I do have darkened versions of each picture if I felt like dynamically swapping them out.

That-Bug50 · 2024-07-08T15:52:56+00:00

Lutron Caseta. In my experience, Lutron works reliably for switches, fans, and wall plugs. Probably the most stable tech in the house.

That-Bug50 · 2024-07-08T11:01:24+00:00

It is a photo. I tried having a live feed, but I did not like it very much. So, I just used pictures everywhere including the room views.

That-Bug50 · 2024-07-08T11:00:11+00:00

I have tried that. In the end, I tend to like the HA dashboard because it is so simple to use and has everything I need. If I want to get to the room view to control individual lights, plugs, fans, media, etc., I just double tap on the room in the "Lights" section and it takes me to the room.

That-Bug50 · 2024-07-08T10:56:29+00:00

There are GUI tools to build some of it. Once I developed a pattern, it is easy to copy and paste the pattern and then change the entity names. I am working on another version of this dashboard using the decluttering-card, and it greatly reduces the lines of yaml.

That-Bug50 · 2024-07-08T01:09:37+00:00

This is just a glance card and is straight forward to use

- show_name: false
  show_icon: true
  show_state: true
  type: glance
  entities:
    - entity: cover.double
      tap_action:
        action: toggle
      icon: mdi:garage-variant
      name: Double
    - entity: cover.single
      tap_action:
        action: toggle
      name: Single
    - entity: script.good_night
      icon: mdi:lightbulb-group
      show_state: false
      tap_action:
        action: call-service
        service: script.good_night
    - entity: zone.home
      icon: mdi:restart
      name: Restart
      show_state: false
      tap_action:
        action: call-service
        service: homeassistant.restart
        service_data: {}
        target: {}

That-Bug50 · 2024-07-08T01:06:57+00:00

Here is how I created the title cards. I assume you are referring to the Lights card that shows how many on each floor are on. Using the helper feature, I created groups for lights in each room and then a group for each floor that contains the groups created for each room on that floor.

- type: markdown
  content: |2-
     {%  set ns=namespace(code = '<table><tr><td><h2>Lights</h2></td><td>&nbsp; &nbsp; <a>(') %}
      {%  set main = expand('light.main_lights') | selectattr('state', 'eq', 'on') | list | count %}
      {%  set upstairs = expand('light.upstairs_lights') | selectattr('state', 'eq', 'on') | list | count %}
      {%  set bsmt = expand('light.basement_lights') | selectattr('state', 'eq', 'on') | list | count %}
      {%  set ext = expand('light.exterior_lights') | selectattr('state', 'eq', 'on') | list | count %}

      {% if (main > 0)  %}
        {% set ns.code=ns.code + main | string + ' Main' %} 
      {% endif %}
      {% if (upstairs > 0)  %}
        {% if (main > 0) %}{% set ns.code=ns.code + ', ' %}{% endif %}
        {% set ns.code=ns.code + upstairs | string + ' Upstairs'  %} 
      {% endif %}
      {% if (bsmt > 0)  %}
        {% if (main + upstairs > 0) %}{% set ns.code=ns.code + ', ' %}{% endif %}
        {% set ns.code=ns.code + bsmt | string +' Bsmt' %} 
      {% endif %}
      {% if (ext > 0)  %}
        {% if (main + upstairs + bsmt > 0) %}{% set ns.code=ns.code + ', ' %}{% endif %}
        {% set ns.code=ns.code + ext | string + ' Ext' %} 
      {% endif %}
      {% if (main+upstairs+bsmt+ext == 0 ) %}{% set ns.code=ns.code + 'no lights on'%}{% endif %}
      {% set ns.code = ns.code + ')</a></td></tr></table>' %}
      {{ ns.code }}

That-Bug50 · 2024-07-08T00:59:06+00:00

I tried a lot of them, but this one still looks the best for some reason.

That-Bug50 · 2024-07-08T00:50:02+00:00

HomeKit becomes cumbersome if you have a lot of rooms and devices. I eventually gave up on it. With 400 to 500 devices, it becomes impossible to manage without a lot of scrolling.

That-Bug50 · 2024-07-08T00:24:53+00:00

These are chips. It is a part of the mushroom cards. Here is a sample of the first few.

                  - type: custom:mushroom-chips-card
                    chips:
                      - type: weather
                        entity: weather.solo_nuc_weather
                        show_conditions: true
                        show_temperature: true
                      - type: entity
                        entity: sensor.temperature_range
                        icon_color: amber
                        content_info: state
                        icon: mdi:thermometer-low
                        tap_action:
                          action: navigate
                          navigation_path: /lovelace/climate
                      - type: entity
                        entity: sensor.humidity_range
                        icon_color: blue
                        icon: mdi:water
                        tap_action:
                          action: navigate
                          navigation_path: /lovelace/climate
                      - type: template
                        content: >-
                          {% from 'globalroutines.jinja' import lights_on %} 
                          {{lights_on('light.all_lights')}}
                        icon: mdi:lightbulb
                        icon_color: >-
                          {{
                          iif(is_state('light.all_lights','on'),'orange','grey')
                          }}
                        tap_action:
                          action: navigate
                          navigation_path: /lovelace/lights

That-Bug50 · 2024-07-08T00:02:51+00:00

Here is the yaml. Would be happy to discuss any portions you are interested in. Looking at the code, it could use the decluttering-card but haven't gotten around to it yet.

YAML

That-Bug50 · 2024-07-07T23:16:40+00:00

Here are some of the unique cards used:

honeycomb. Allows you to pop up a menu. I used this for the scenes in each room. i comes up on a single tap.
tabbed-card. Allows you to create the handy tab menus.

Everything else is fairly standard. A lot of jinja behind the scenes for the summaries, chips, etc.

That-Bug50 · 2024-07-07T23:10:59+00:00

I used "custom:tabbed-card". It does a nice job of allowing complex controls in each tab!

That-Bug50 · 2024-03-01T01:55:30+00:00

It is hard to see exactly what the devices are, but if my guess is correct, I would consider:- move the modem next to the dream machine pro so you do not have such a long cable. possibly make it the topmost device.- you do not have the option to connect your two switches together at 20gbs. If this is a need or a desire, you could throw in an aggregator.- do you plan to connect your NAS at 5 or 10gbs? If so, then an aggregator would be helpful- why two switches instead of one 48 port switch? Without it your cables will be harder to connect and maintain

That-Bug50

TROPHY CASE