New Lovelace card – Flex Cells Card

Many of us have already used the Flex Cell Card — its design capabilities for displaying structured and even unstructured data are fantastic.

And probably even more of us use Auto Entities to dynamically fetch data and display it with cards like entities, glances, or mushroom-entity.

I suggested to @michalowskil, the creator of the Flex Cell Card, that it should be made compatible with Auto Entities — meaning: fetch the data via Auto Entities and visualize it using the Flex Cell Card.
He’s open to the idea, but he wants to see general interest first.

My request: Please vote for this feature.

  • v0.21.0 (pre-release) —
    • Added experimental entities support (auto-entities/monster-card style) with entity_row_template and token substitution; legacy rows remain unchanged.

Link to the auto-entities section in the readme: https://michalowskil.github.io/flex-cells-card/#auto-entities

2 Likes

Is it possible to add a rounded border to individual cells? Like this, for example?

This example is composed of many button cards and is very time-consuming to create.

It’s possible!
If you want to round the background without a border, you can do this:

However, if you add a border, it will be square:

It’s a matter of CSS for the entire table. To make it work correctly, just do this in the template:

You can set border individually for each cell or for all of them at once:

Thanks for the answer and the examples. It took me a while, but now I know how it works.

Version 0.21.0 is now the latest release. In the meantime, one of the card’s users translated everything into Italian, for which I sincerely thank him. Currently, the card is available in EN/PL/IT/DE.

  • v0.21.0 —
    • Added experimental entities support (auto-entities/monster-card style) with entity_row_template and token substitution; legacy rows remain unchanged.
    • Added Italian translation, thanks to echopage1964.
1 Like

:tada: Flex Cells Card has been added to the HACS default repository, making installation even easier! :partying_face:

6 Likes

Are you a sports fan? Do you enjoy tracking scores? You can view them in FCC. Here’s a link to a new example:

https://github.com/michalowskil/flex-cells-card/blob/219d62ed833cb93bd0ebae73a4fe775a68503050/examples/sports-table/sports-table.md

Data is pulled from TeamTracker and displayed by auto-entities in FCC.

For questions about TeamTracker, please ask in this thread, and for questions about auto-entities, please ask in this thread.


is it possible to use browser_mod tap-action too?

        tap_action:
          action: call-service
          service: browser_mod.more_info
          service_data:
            entity_id: cover.kueche

Describe what you want to achieve. I’ve never used browser_mod, so I don’t know what’s going on.

with tap-action I would like to open the more_info of an other entity.
I have an helper to show the status of all covers in one entity. So the cover position of the most closed cover will e shown as an icon.
With tap-action I would like to open the more_info dialog to close/open the one Iwould like to choose.

If I understand correctly, you want to display an icon from entity X, and when you click that icon, you want more-info from entity Y to open.

Select the entity for which you want more-info as the cell entity and don’t set anything for tap-action (more-info is the default).

Then, in the dynamic rules, override this with the entity from which you want to display the icon.

thanks for quick answer.
maybe I understand not right bit did not work for me.

The first screenshot looks good. However, for the second, you need a condition that will always be true, but your condition says when the entity equals null. Your entity will likely never meet this requirement. Change equals to not equal and it should work.

In the future, before taking a screenshot, please change the language to English.

Let me know if it works now.

Yes, works now.
Thank you!

1 Like
  • v0.22.0 (pre-release) —
    • Entity states now show the same translated labels as built-in HA cards (no more raw “on/off”), while dynamic rules still use the original raw value so your conditions keep working.
    • Fixed entity icon color defaulting to Home Assistant icon color when no state-specific color was provided.
    • Fixed number inputs (box mode) so they stay stable while you type and only send changes after you finish or use the arrows, matching default HA cards; for whole-number steps the displayed value no longer shows a trailing “.0”.

As a reminder, pre-release versions are not automatically downloaded. Version v0.22.0-beta.1 must be manually selected in HACS.

What do you think about adding global dynamic rules for cells and global dynamic rules for rows? Such rules would apply to all cells/rows.

You could choose whether the global rules should run before or after the standard cell/row rules.

Do you need this? If this idea gets 10 upvotes, I’ll add this functionality.

  • v0.22.0 —
    • Added optional text field and icon color picker for dynamic “Overwrite with icon” rules (both optional).
    • Entity states now show the same translated labels as built-in HA cards (no more raw “on/off”), while dynamic rules still use the original raw value so your conditions keep working.
    • Fixed entity icon color defaulting to Home Assistant icon color when no state-specific color was provided.
    • Fixed number inputs (box mode) so they stay stable while you type and only send changes after you finish or use the arrows, matching default HA cards; for whole-number steps the displayed value no longer shows a trailing “.0”.

The screenshot below shows a feature that was not present in the pre-release version.

Out of laziness, I haven’t updated anything since December, so I didn’t know there was a problem. Thanks for reporting! I just released a new version, let me know if it’s okay.

  • v0.23.0 —
    • Updated visual editor dropdowns to the new MD3 ha-select API (uses .options).
    • Fixes broken select menus on the latest Home Assistant Core.
    • Requires Home Assistant Core ≥ 2026.2 (MD3 frontend); older cores are not supported by this editor version.

I justed a discussion and want to place it here as well:

How to display the entity_picture?

Thanks to the metadata functionality we could select attributes of the entity to be displayed.
one of the attributes could be the entity_picture, which contains the path to the picture.
How to display the picture in a cell?

      - type: entity
        value: sensor.shell_station_0_diesel
        align: left
        use_entity_unit: false
        attribute: entity_picture

entity_picture contains something like /local/images/tanken/shell.svg, which is now displayed as text in the cell. But I would like to display the svg-file itself - how?