🔹 Layout-card - Take control of where your cards end up

Share your Projects! Dashboards & Frontend
555

help. please.

Soo, this (see attached image) grid is a basic grid.
And I cannot for the love of me sort this out in Layout Card instead.

Could someone please help me out with the code?
The thing is that I want to set each horizontal row height.
Best regards

type: vertical-stack
cards:
  - type: custom:mushroom-title-card
    subtitle: Vardagsrummet
  - type: horizontal-stack
    cards:
      - hours_to_show: 24
        graph: line
        type: sensor
        entity: sensor.vardagsrum_temp
        detail: 1
        name: VDR
      - square: false
        columns: 2
        type: grid
        cards:
          - type: custom:mushroom-entity-card
            entity: binary_sensor.vardagsrum_rokdetektor
            layout: vertical
          - type: custom:mushroom-entity-card
            entity: binary_sensor.vardagsrum_rorelsesensor
            layout: vertical
            secondary_info: last-changed
  - type: horizontal-stack
    cards:
      - type: custom:mushroom-light-card
        entity: light.vdr_hyllan
        layout: vertical
        name: Glasboll
        icon: mdi:web
      - type: custom:mushroom-light-card
        entity: light.tv_rum
        layout: vertical
      - type: custom:mushroom-light-card
        entity: light.soffan_nere
        layout: vertical
  - type: custom:mushroom-light-card
    entity: light.vardagsrummet
    show_brightness_control: true
    use_light_color: false
    layout: horizontal

image

1 Like