Horizontal Stack

Configuration
1

Hi all,

I just started using Home Assistant and i’m running into some trouble. I’ve been watching some video’s and looked around the forum here and i just can’t figure this out…

title: Weeda
views:
  - title: Header
    icon: 'mdi:home-outline'
    panel: true
    cards:
      - type: horizontal-stack
        cards:
          - type: glance
            entities:
              - entity: light.playbar_links
              - entity: light.playbar_rechts
            title: Playbar's
            show_name: true
            show_icon: true
            show_state: false
          - type: entities
            entities:
              - entity: light.playbar_links
          - type: entities
            entities:
              - entity: light.playbar_rechts
      
      - type: vertical-stack
        cards:         
          - type: entities
            entities:
              - entity: light.dressoir_lamp
          - type: entities
            entities:
              - entity: light.staande_lamp

the last 2 entity’s just won’t show up. It’s probably just a simple mistake but i can’t see it.

Kind Regards,

Maurice

2

How do you want the end result to look like?

I think you just need to intend the vertical stack code so that it is a card of the horizontal stack.

3

Hmm i tried different things but can’t get it to work.
I want to create something like this to start with:

image

4

To achieve this the code would need to look like this:

  - title: Header
    icon: 'mdi:home-outline'
    panel: true
    cards:
      - type: horizontal-stack
        cards:
          - type: glance
            entities:
              - entity: light.playbar_links
              - entity: light.playbar_rechts
            title: Playbar's
            show_name: true
            show_icon: true
            show_state: false      
          - type: vertical-stack
            cards:         
              - type: entities
                entities:
                  - entity: light.dressoir_lamp
              - type: entities
                entities:
                  - entity: light.staande_lamp
5

Thanks.
But when i paste that i get a blanc page :). No errors or other things. Just blanc.

6

You have this in the beginning?

title: Weeda
views:

like:

title: Weeda
views:
  - title: Header
    icon: 'mdi:home-outline'
    panel: true
    cards:
      - type: horizontal-stack
        cards:
          - type: glance
            entities:
              - entity: light.playbar_links
              - entity: light.playbar_rechts
            title: Playbar's
            show_name: true
            show_icon: true
            show_state: false      
          - type: vertical-stack
            cards:         
              - type: entities
                entities:
                  - entity: light.dressoir_lamp
              - type: entities
                entities:
                  - entity: light.staande_lamp

This works perfectly fine for me.

2 Likes
7

Works like a charm now :slight_smile:
Thanks for helping me out !!!

Now i see the logic and can build it up from here :slight_smile:

1 Like
8

thx for that eyeopening code!