Horizontal and vertical stack card titles?

Configuration Frontend
1

Why don’t we have / display title: some title in the horizontal or vertical stack cards?
I have “tricked” it in using markdown cards, but I don’t want to label a group of cards in such a way (creates a space, as its a ‘card’).

- type: vertical-stack
    cards:
      - type: markdown
        content: >
          ### Family Room
      - type: horizontal-stack
        title: Sensors
        cards:
          - type: custom:bignumber-card

gets a bit long and cumbersome :frowning:

Any other ideas/options? thanks!

2

The custom card vertical-in-stack-card does what you want. If you want a horizontal-stack with a title, put the horizontal stack in the vertical-in-stack-card.

1 Like
3

perfect! thanks.

4

how do you put a horizontal stack inside the vertical one? I can’t get it to work.

type: custom:vertical-stack-in-card
title: Bedroom
cards:
  - type: glance
    entities:
      - entity: sensor.temperature_82
        name: Temp
      - entity: sensor.humidity_83
        name: Humidity
      - entity: sensor.temperature_82_battery
        name: Battery
  - type: entities
    entities:
      - light.chris_bed
      - light.sam_bed
      - fan.sonoff_1000f6e2f5
      - light.sonoff_1000f6e2f5_1
      - cover.bedroom_blind
  - type: horizontal-stack
    cards: null
  - type: custom:mini-graph-card
    entities:
      - sensor.humidity_83
    line_color: blue
    line_width: 8
    font_size: 75
  - type: custom:mini-graph-card
    entities:
      - sensor.temperature_82
    line_color: '#e74c3c'
    line_width: 8
    font_size: 75
  - type: custom:mini-graph-card
    entities:
      - sensor.temperature_82_battery
    line_color: var(--accent-color)
    line_width: 8
    font_size: 75
5

You probably have some indents incorrect.
Does this work for you:

type: custom:vertical-stack-in-card
title: Bedroom
cards:
  - type: glance
    entities:
      - entity: sensor.temperature_82
        name: Temp
      - entity: sensor.humidity_83
        name: Humidity
      - entity: sensor.temperature_82_battery
        name: Battery
  - type: entities
    entities:
      - light.chris_bed
      - light.sam_bed
      - fan.sonoff_1000f6e2f5
      - light.sonoff_1000f6e2f5_1
      - cover.bedroom_blind
  - type: horizontal-stack
    cards:
      - type: custom:mini-graph-card
        entities:
          - sensor.humidity_83
        line_color: blue
        line_width: 8
        font_size: 75
      - type: custom:mini-graph-card
        entities:
          - sensor.temperature_82
        line_color: '#e74c3c'
        line_width: 8
        font_size: 75
      - type: custom:mini-graph-card
        entities:
          - sensor.temperature_82_battery
        line_color: var(--accent-color)
        line_width: 8
        font_size: 75
1 Like
6

You are absolutely correct, thank you :slight_smile:

image
image432×641 16.8 KB