Tile Card Improvements (display, template, controls, etc...)

Hello all.

Latest Home assistant evolution show a very deep and efficient use of the tile cards to create easily a nice and streamlined dashboard.

Tile cards are to my opinion a very good improvement of default cards, allowing an easy and quick definition of dashboard, while having a nice and simple look. And most important for all users, a User Interface capability to modify the look and functionalities to keep it simple.

My dream would be a fully advanced Tile card like this one (here a stack-in between a mushroom template card and a row of mushroom chip acting like feature buttons):
image

But before this dream, some capabilities could be added to the Tile card to further expand it:

Templating capabilities:
Templating capabilities for Name, State, Icon, Color and badge in the Tile card to take the full control of the display for advanced user:
It is not possible to for example change the icon or icon color easily. You have either to go through card_mod or switch to mushroom template cards (both being awesome, but are not fully home assistant integrated).
In the same manner, if you want to display a specific information, the only way to display Jinja2 template for the time being is the markdown card wich is not as nice as tile cards when placed together.

Remove all but icon:
To be able to remove both the name (currently not possible) and the state (currently possible) and thus keep only the icon in the center of the rounded square of the Tile. This is possible in the badges, but not in Tiles.

This could be an easy way to create quick and nice buttons related to an entity:

  • with curent Tiles with the default icon and color behavior.
  • with the here proposed template capability with a full control of the icon and color.

Propose an horizontal layout:
Although I am more a user of the default layout, the horizontal layout of the mushroom card was not transposed into the Tile card, whereas it could have offered some very space efficient configurations.
Done in 2025.3 :heart_eyes:

Features consistency
See message below for more details: Tile Card Improvements (display, template, controls, etc...) - #4 by BBE-FR
I would suggest as a generic UX principle for features to try as much as possible to have the features reflecting the state of the entity (like the icon) thus most of the time:

  • grey when the entity is OFF (light grey or dark grey depending the theme)
  • with the relevant color when the entity is ON
    Best example of inconsistency with the light (color temp slider kept orange when light off):

Generic features
Instead of trying to create a dedicated feature for each entity type, maybe it would be useful to create some generic feature that would be user controlled. Moreover, those feature could allow to control other entities than the entity of the tile card. Some example:

  • generic buttons (chose a number of button, and define for each: tap action, state, icon, color) with the same simple design as cover or vacuum buttons :
    image

  • generic toggle (with the capacity to chose which “toggle-able” entity to control)
    image

  • generic slider (set min, max and entity to display or control) similar as the light feature
    image
    Like for the hold or double tap actions, theses “advanced” features could be “unlocked” through yaml, and once unlocked available in UI graphical interface.

Features for display for sensor

  • A slider (with customisable min and max)
  • a small graph zone (with customisable time duration, min and max)
    image
    would be nice addition to create sensor tile with some visualisation capability.

Added in the Git also (I don’t know which is the base for this)

The feature customization part has been made partly available in HACS through this project:

But not embedded into a core card, and despite the available Graphic Interface, the usage can be sometime difficult.

1 Like

Feature consistency
I would suggest as a generic UX principle for features to try as much as possible to have the features reflecting the state of the entity (like the icon) thus most of the time:

  • grey when the entity is OFF (light grey or dark grey depending the theme)
  • with the relevant color when the entity is ON

obvious (not perfect) example with the light entity:


Good example with media player volume slider:

Good example with climate CVC mode selector:

Questionable case for covers position slider:

A backup proposition: making use of the new section could also be made with the two following features:

  • a customisable Tile card with templating option like the mushroom template cards as described above, or at least a markdown card compatible with the Tile look.
  • Modified Tiles allowing to hide all text acting as ‘Tile buttons’, instead of the customisable feature

This could allow us to make small “sections” with the main information on tile cards, and the main controls on “Tile buttons” while remaining relatively space efficient.

The “dream Tile Card” shown above could be almost done using the new sections, one tile card and four Tile button. Using 2x4 grid space using or not the section title line, but sadly with less “space efficiency”…
image

Just to jump on this.
The new Tile cards are great but I want a cross between the entities card and the tile card.

What I have now:

What I really want:

1 Like

Bubble cards might be able to help with that, but I agree adding these features to Tile Cards would be great

Horizontal layout has been incorporated ! :heart_eyes:

I updated the first message accordingly…

The more I use Tile, the more I start to dream to a simple way to define simple features for any entity…

I just started using Tile cards, and it’s awesome. Combining them with Browser Mod popups makes it even more fun!

The suggested updates would be amazing — they could take things to the next level.

Hi, I’ve just posted this question, it feels like you lot here are on the right path for what I want, posting for viability