Vertical-stack-in-cards for sensors (temperature, humidity, pressure)

Configuration Frontend
1

Hi! I’m trying to get something like the picture below. Sorry for my graphisme skills…

2020-01-08 12_46_23-Window

I’m trying to do that with the custom vertical stack in cards, but I don’t know how to achieve it. Can someone help me, please? The picture show exactly what I would like it to look.

2 Likes
2

This looks more like another addon,

I think this is more what you are looking for.

3

I already saw this addon, but I’m unable to make it :frowning: I’m not good with the code and I found no way to make something looking like my picture.

4

Nothing? :frowning:

5

I have installed the plugin via HACS

do I enter the following under configuration.yaml?

type: entities
entities:
  - entity: sensor.bedroom_temperature
    type: custom:multiple-entity-row
    name: One entity
    secondary_info: last-changed
    entities:
      - sensor.bedroom_max_temp
6

No, it is supposed to go in your lovelace config. I take it you still change the UI through the UI? If true, add a card: top right three dots -> Edit Dashboard --> press the plus icon on the lower right --> select Manual. Delete all of the text content and replace with what you quoted.

7

I did not try to include the icons, but this worked for me:

type: entities
title: Temperature
entities:
  - entity: sensor.mijia_ble_3_temperature
    type: 'custom:multiple-entity-row'
    name: Woonkamer
    secondary_info: last-changed
    entities:
      - entity: sensor.mijia_ble_3_humidity
        name: false
  - entity: sensor.mijia_ble_1_temperature
    type: 'custom:multiple-entity-row'
    name: Keuken
    secondary_info: last-changed
    entities:
      - entity: sensor.mijia_ble_1_humidity
        name: false
  - entity: sensor.mijia_ble_2_temperature
    type: 'custom:multiple-entity-row'
    name: Slaapkamer
    secondary_info: last-changed
    entities:
      - entity: sensor.mijia_ble_2_humidity
        name: false

To create
temperature

EDIT

With icon here too:

type: entities
title: Temperature
entities:
  - entity: sensor.mijia_ble_3_temperature
    type: 'custom:multiple-entity-row'
    name: Woonkamer
    secondary_info: last-changed
    entities:
      - entity: sensor.mijia_ble_3_humidity
        name: false
        icon: true
      - entity: sensor.mijia_ble_3_humidity
        name: false
      - entity: sensor.mijia_ble_3_temperature
        name: false
        icon: true
  - entity: sensor.mijia_ble_1_temperature
    type: 'custom:multiple-entity-row'
    name: Keuken
    secondary_info: last-changed
    entities:
      - entity: sensor.mijia_ble_1_humidity
        name: false
        icon: true
      - entity: sensor.mijia_ble_1_humidity
        name: false
      - entity: sensor.mijia_ble_1_temperature
        name: false
        icon: true
  - entity: sensor.mijia_ble_2_temperature
    type: 'custom:multiple-entity-row'
    name: Slaapkamer
    secondary_info: last-changed
    entities:
      - entity: sensor.mijia_ble_2_humidity
        name: false
        icon: true
      - entity: sensor.mijia_ble_2_humidity
        name: false
      - entity: sensor.mijia_ble_2_temperature
        name: false
        icon: true

To create
temperature2

3 Likes
8

Thanks. I’m embarrassed to ask, but how would I swap the humidity & temperature on the right? No matter what I do, I can’t get it to work. I still want the thermostat icon on the left.

1 Like
9

Doesnt work it by sorting the entities in your code?

10

The rightmost data element is defined by the main entity in the list, so in all my previous examples mijia_ble_3_temperature. In the example below I changed it to mijia_ble_3_humidity. This creates the following:

image
image987×436 23.3 KB

To let the icon on the left still be the thermostat, you have to change the icon of the main entity (sensor.mijia_ble_3_humidity) to a thermostat. However, this will also make the rightmost icon a thermostat of course. To negate that you have three options: 1. add the icon option (example given below), 2. could use another sensor (sensor.mijia_ble_*4*_humidity maybe) to create the rightmost icon, 3. just remove the right icons altogether.

type: entities
title: Temperature
entities:
  - entity: sensor.mijia_ble_3_humidity  # this is the main entity. The data of this entity will be shown rightmost
    type: 'custom:multiple-entity-row'
    name: Woonkamer
    icon: mdi:speaker  # to force different icon
    secondary_info: last-changed
    entities:
      - entity: sensor.mijia_ble_3_temperature
        name: false
        icon: true  # if true, this element will only create an icon
      - entity: sensor.mijia_ble_3_temperature
        name: false  # if false, element data is shown
      - entity: sensor.mijia_ble_3_humidity
        name: false
        icon: true  # if true, this element will only create an icon
2 Likes