Stacking 2 colums fail

@MDLefevere wrote:

Okay. So i really really really don’t get it…

I’m trying to vertical stack 2 collums because they aren’t the same size. But i just can’t figure it out.
If i look at my code. It looks really different from others and somehow it looks like it’s working from the bottom and going up

My code is:

    cards:
      - cards:
          - color: 'rgba(155, 155, 155, 0.25)'
            color_type: label-card
            name: Woonkamer
            type: 'custom:button-card'
          - cards:
              - color_type: card
                entity: light.woonkamer
                name: Woonkamer
                state:
                  - color: 'rgba(255, 178, 171, 0.75)'
                    icon: 'mdi:lightbulb-group-off-outline'
                    value: 'on'
                  - color: 'rgba(155, 155, 155, 0.25)'
                    icon: 'mdi:lightbulb-group-outline'
                    value: 'off'
                type: 'custom:button-card'
              - color_type: card
                entity: light.staande_lamp
                name: Bank
                state:
                  - color: 'rgba(255, 178, 171, 0.75)'
                    icon: 'mdi:lightbulb-off-outline'
                    value: 'on'
                  - color: 'rgba(155, 155, 155, 0.25)'
                    icon: 'mdi:floor-lamp'
                    value: 'off'
                type: 'custom:button-card'
              - color_type: card
                entity: light.dressoir_lamp
                name: Dressoir
                state:
                  - color: 'rgba(255, 178, 171, 0.75)'
                    icon: 'mdi:lightbulb-off-outline'
                    value: 'on'
                  - color: 'rgba(155, 155, 155, 0.25)'
                    icon: 'mdi:lamp'
                    value: 'off'
                type: 'custom:button-card'
              - color_type: card
                entity: light.playbars
                name: Playbars
                state:
                  - color: 'rgba(255, 178, 171, 0.75)'
                    icon: 'mdi:lightbulb-multiple-off-outline'
                    value: 'on'
                  - color: 'rgba(155, 155, 155, 0.25)'
                    icon: 'mdi:led-strip-variant'
                    value: 'off'
                type: 'custom:button-card'
            type: horizontal-stack
        type: vertical-stack
      - cards:
          - color: 'rgba(155, 155, 155, 0.25)'
            color_type: label-card
            name: Overige Lampen
            type: 'custom:button-card'
          - cards:
              - color_type: card
                entity: light.shelly_keuken_dimmer
                name: Keuken (sensor)
                state:
                  - color: 'rgba(255, 178, 171, 0.75)'
                    icon: 'mdi:lightbulb-group-off-outline'
                    value: 'on'
                  - color: 'rgba(155, 155, 155, 0.25)'
                    icon: 'mdi:track-light'
                    value: 'off'
                type: 'custom:button-card'
              - color_type: card
                entity: light.shelly_eettafel_dimmer
                name: Eettafel
                state:
                  - color: 'rgba(255, 178, 171, 0.75)'
                    icon: 'mdi:lightbulb-group-off-outline'
                    value: 'on'
                  - color: 'rgba(155, 155, 155, 0.25)'
                    icon: 'mdi:track-light'
                    value: 'off'
                type: 'custom:button-card'
              - color_type: card
                entity: light.plafondlamp
                name: Plafondlamp
                state:
                  - color: 'rgba(255, 178, 171, 0.75)'
                    icon: 'mdi:lightbulb-off-outline'
                    value: 'on'
                  - color: 'rgba(155, 155, 155, 0.25)'
                    icon: 'mdi:ceiling-light'
                    value: 'off'
                type: 'custom:button-card'
            type: horizontal-stack
        type: vertical-stack

But if i look at some examples i see:

cards:
  - type: vertical-stack
    cards:
      - type: horizontal-stack
        cards:
          - type: custom:button-card
          - type: gauge
      - type: type: custom:weather-card

Doesn’t look the same to me…
Who can help me with the right peace of code . Its kinda frustrating!

Posts: 7

Participants: 2

Read full topic