Name for vertical and horizontal_stacks in lovelace

[turboc (Chip Cox)]

Can we get an optional header or a name on horizontal and vertical stacks

[poraschaudhary]

I want this too!!
With a header I can have Entity button cards saying which room is this…
Would be super cool.

Thanks!

[DavidFW1960 (David)]

It’s not exactly what you want but you can use a markdown card for this at the top of the stack even…

type: markdown
content: ' '
title: Title here

[turboc (Chip Cox)]

Thanks, that would be helpful. However my request stands. Just because we have a work around, doesn’t eliminate the need. I know you aren’t saying it does, but I don’t want the powers that be to think that the request has gone away just because we have a work around.

[poraschaudhary]

Thanks David!

I didn’t go the markdown card way… Instead I made a picture card.
So my setup looks like this now with heading “Main Bathroom” being a picture card in lovelace.

and “Home Theater” is a picture card here.

For these I just made a a 500px by 80px image in Photoshop and put the image in config/www/ folder.
The entries in ui-lovelace.yaml goes like this:

- type: picture                        # Main Bathroom Picture Banner
  image: /local/MainBathroom.png

and

- type: picture                        # Home Theater Picture Banner
  image: /local/HomeTheater.png

[clemalex]

Me i use Vertical stack in card.

type: 'custom:vertical-stack-in-card'
title: Cuisine
cards:
 - cards:
     - entity: switch.cuisine_lampe1
       icon: 'mdi:track-light'
       tap_action:
         action: call-service
         service: light.toggle
         service_data:
           entity_id: light.cuisine_lampe1
       type: entity-button
     - entity: switch.cuisine_lampe2
       icon: 'mdi:track-light'
       tap_action:
         action: call-service
         service: light.toggle
         service_data:
           entity_id: light.cuisine_lampe2
       type: entity-button
     - entity: switch.cuisine_lampe3
       icon: 'mdi:track-light'
       tap_action:
         action: call-service
         service: light.toggle
         service_data:
           entity_id: light.cuisine_lampe3
       type: entity-button
   type: horizontal-stack