Use Sensor Value as kind of title in vertical-stack

Configuration Frontend
1

Hi there,

I want to show the temperature of the room in the upper right corner in a vertically stack - in same high like the title. Is it possible?
What can I do to get the temperature right to the title:
For example:

type: vertical-stack
title: Buero   # {{ states('sensor.heizung_buero') }}°C
cards:
  - type: horizontal-stack
...

I got something near by it with a markdown, but without a title it looks not so clear…
Thats how i got it with the markdown:

type: vertical-stack
cards:
  - type: markdown
    content: |-
       # Buero
      {{ states('sensor.heizung_buero') }}°C
  - type: horizontal-stack"
...

Thanks for your help!

2

It’s hard to understand what you are trying to do, but on my dashboards I use a horizontal stack of entity cards to get a similar result (like this screenshot where the date is in the upper right):

image
image1480×120 9 KB

And my stack of entity cards is:

type: horizontal-stack
cards:
  - type: entity
    entity: sensor.time_12h
    name: Time
    state_color: false
    icon: mdi:clock
  - type: entity
    entity: sensor.bedroom_climate_humidity
    name: Bedroom
    state_color: false
    icon: mdi:cloud-percent
  - type: entity
    entity: sensor.outside_temperature
    state_color: true
    name: Outside
    unit: °F
  - type: entity
    entity: sensor.bedroom_climate_temperature
    name: Bedroom
    icon: mdi:home-thermometer-outline
3

image
image1518×402 31.9 KB

I want the temperature in the right corner from the card (blue X).
In the left and middle card i used the markdown, but it´s not that readable. Especially in the mobile view.

4

Then if you replace the markdown with a horizontal stack and then in the stack use a single entity card that might get you where you want to be?

5

Did you ever get this working? What was your solution? I understand exactly what you mean, and found post searching for same.

6

Markdown supports some formatting. Also, card-mod can be used.