Refining the awesome area card

With the new subview option the area card can be used for a really nice looking and easy to setup dashboard.

i hope you can implement all the great ideas from this topic to the area card.
would love to see windows, doors, water leak, media players, climate, locks and vacuums.

also the possibility to choose an icon instead of an image woud be nice.

nice work!

3 Likes

I would love the area card to be more customizable.

  • show more entity types (cover, media player etc)
  • change the collie
  • add an icon
  • change the way temp/humid are formatted
2 Likes

+1
So many great Ideas!

I would love to have the option to select the “power” entity as smart plugs use the current power draw as power and accumulative power draw as energy

The ability to exclude/choose what to show on this card would be great!

3 Likes

With the latest 2024.4 release and a focus on organisation in areas then I would +1 all of the suggestions on here. Great way to make a simple dashboard and sub-views for each area but most critical is the ability to remove entities (switches in my case) that I really don’t want turned off.

Ability to select which area entities to appear on the card would be great without having to remove entities from areas which would be deceiving the object.

Its a great concept - just a couple of steps short of being really usable.

Found a work-around. Looks like by hiding the entity in entity settings it no longer appears on the area card but is still available when added directly to a dashboard.

1 Like

I love the area card for its power to show a lot of information packed in a simple and nice lay-out. Unfortunately for me it’s not useful, I really miss the ability to customize the card. I tried to recreate the card with custom CSS. It enables you to integrate any information you want in the card. Hope this can be of use to some.

The code can be found here: Customisable Area Card with custom CSS

Normal card:

Small viewport size:

1 Like

+1, being able to customise the area more, would be a nice addition.

I love the effort you have put into this card! The only part that is missing for me and I cannot figure it out, is I love how normal Area cards show the motion icon if there is occupancy in the room, I tried to add it but I am terrible with YAML and CSS. If anyone figures this out I would much appreciate knowing how to do it.

Would love to be able to exclude devices from showing up automatically. Upvoted.

5 Likes

This card is nearly perfect for my use. I just need to have covers control to finalize the utility. I thought I did something wrong when they didn’t show up. I hope to see it added to the card so I don’t have to mod something in.

1 Like

Thanks for the excellent work on the Area card! I’ve used it to completely reorganize and simplify my dashboard.

I set mine up so that clicking it navigated to my Overview page so I can control or view any of the Area’s entities, but of course navigation doesn’t go as granular as taking you to a specific card (it shows devices and entities in all areas). I wish I could refine it so that it would navigate to the subsection for the area, or better yet add a button to the Area card to transform it into a simple entities card for all the area’s entities (maybe a three-dot button ...)

If anyone has done something similar, I’d love to hear how!

Having a single click toggling ALL switches in an area is quite dangerous and confusing. Many integrations and devices have switches that configure behaviors and if they are exposed to the area, a master toggle is toggling very different things. It makes very little sense as it is.

Is there a way to hide the switch toggle without unassigning all switches from the area? (I doubt it - but I wonder if I missed something from the documentation)

edit: I used card_mod to hide the toggle via CSS. It’ll have to do for now.