New Lovelace card – Flex Cells Card

[nicknol]

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.

[michalowskil (Łukasz)]

• 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

[hartmutw (Hartmut)]

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.

[michalowskil (Łukasz)]

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:

[hartmutw (Hartmut)]

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

[michalowskil (Łukasz)]

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.

[michalowskil (Łukasz)]

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

[michalowskil (Łukasz)]

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.

[sveni_lee]

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

[michalowskil (Łukasz)]

@sveni_lee

is it possible to use browser_mod tap-action too?

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

[sveni_lee]

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.

[michalowskil (Łukasz)]

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.

[sveni_lee]

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

[michalowskil (Łukasz)]

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.

[sveni_lee]

Yes, works now.
Thank you!