Giters

benct / lovelace-multiple-entity-row

Show multiple entity states and attributes on entity rows in Home Assistant's Lovelace UI

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

Allignment when header name of entity is false

dabepp opened this issue · comments

commented

Hi there,
I have the entites name in the first row of the card and don't want to repeat them in every line.
When I set the name: false I get an strange allignment of the first entity value.

Code:
`type: entities
entities:

  • entity: sensor.bth_waschkeller_temperature
    state_header: Temperatur
    type: custom:multiple-entity-row
    name: Waschkeller
    entities:
    • entity: sensor.bth_waschkeller_humidity
      name: Luftfeuchtigkeit
  • entity: sensor.bth_heizungskeller_temperature
    type: custom:multiple-entity-row
    name: Heizungskeller
    entities:
    • entity: sensor.bth_heizungskeller_humidity
      name: false
  • entity: sensor.bth_keller_temperature
    type: custom:multiple-entity-row
    name: Keller
    entities:
    • entity: sensor.bth_keller_humidity
      name: false`

Result:
As you can see the second block is ok, but the first one is off (red square, white line)
image

commented

Each "column" has "align: center" property & automatically set width.
The 2nd row does not have a header.
If you need rows aligned - set same widths or same right alignment:

type: entities
entities:
  - type: custom:multiple-entity-row
    entity: sensor.processor_use
    name: name
    entities:
      - entity: sensor.processor_use
  - type: custom:multiple-entity-row
    entity: sensor.processor_use
    name: name
    entities:
      - entity: sensor.processor_use
        name: false
  - type: section
  - type: custom:multiple-entity-row
    entity: sensor.processor_use
    name: name
    entities:
      - entity: sensor.processor_use
        styles:
          width: 75px
  - type: custom:multiple-entity-row
    entity: sensor.processor_use
    name: name
    entities:
      - entity: sensor.processor_use
        name: false
        styles:
          width: 75px
  - type: section
  - type: custom:multiple-entity-row
    entity: sensor.processor_use
    name: name
    entities:
      - entity: sensor.processor_use
        styles:
          text-align: right
  - type: custom:multiple-entity-row
    entity: sensor.processor_use
    name: name
    entities:
      - entity: sensor.processor_use
        name: false
        styles:
          text-align: right

image

commented