Fold away and hide rows in lovelace entities cards.
For installation instructions see this guide.
Install fold-entity-row.js
as a module
.
resources:
- url: /local/fold-entity-row.js
type: module
Add this to an entities card:
type: entities
entities:
- light.bed_light
- type: custom:fold-entity-row
head: light.bed_light
entities:
- light.bed_light
- light.ceiling_lights
- light.kitchen_lights
This will show the row specified in head:
with an arrow next to it. When clicked, the rows specified in entities:
will be revealed.
head:
and any row inentities:
can be customized in exactly the same ways as ordinary entities card rows.
type: custom:fold-entity-row
head:
type: section
label: Customizations
entities:
- light.bed_light
- entity: light.ceiling_lights
name: A light
- light.kitchen_lights
- Options specified in
group_config:
will be applied to all rows in the fold.
type: custom:fold-entity-row
head:
type: section
label: group_config
group_config:
secondary_info: last-changed
icon: mdi:desk-lamp
entities:
- light.bed_light
- light.ceiling_lights
- light.kitchen_lights
- The left side padding can be adjusted by the
padding:
parameter (value in pixels).
type: custom:fold-entity-row
head:
type: section
label: padding
padding: 5
entities:
- light.bed_light
- light.ceiling_lights
- light.kitchen_lights
- Setting
head:
to a group will populate the entities list with the entities of that group.
type: custom:fold-entity-row
head: group.all_lights
- Setting
open:
to true will make the fold open by default.
type: custom:fold-entity-row
head:
type: section
label: open
open: true
entities:
- light.bed_light
- light.ceiling_lights
- light.kitchen_lights
- Folds can be nested
type: custom:fold-entity-row
head:
type: section
label: Nested
entities:
- type: custom:fold-entity-row
head: light.bed_light
entities:
- type: custom:fold-entity-row
head: light.bed_light
entities:
- light.bed_light
- Folds can be populated by any wrapping element that fills the
entities:
parameter, such as auto-entities
type: custom:auto-entities
filter:
include:
- domain: sensor
card:
type: custom:fold-entity-row
head:
type: section
label: Automatically populated
- If
entity
(notentities
) is set and is a group, it will be expanded
type: custom:auto-entities
card:
type: entities
title: All groups
filter:
include:
- domain: group
options:
type: custom:fold-entity-row