Skip to content

🔹 A foldable row for entities card, containing other rows

License

Notifications You must be signed in to change notification settings

asgrigoryev/lovelace-fold-entity-row

 
 

Repository files navigation

fold-entity-row

hacs_badge

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

Usage

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.

fold-entity-row

Options

  • head: and any row in entities: 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

options

Advanced

  • 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

advanced

  • If entity (not entities) 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

image


Buy Me A Coffee

About

🔹 A foldable row for entities card, containing other rows

Resources

License

Stars

Watchers

Forks

Packages

No packages published

Languages

  • JavaScript 100.0%