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 Image may be NSFW.
Clik here to view.

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 Image may be NSFW.
Clik here to view. . Its kinda frustrating!

Posts: 7

Participants: 2

Read full topic