Hello everyone,
I am trying to display a slider and next to it the data from a sensor. Basically the slider of the thermostat with setpoint and then the actual room temperature from a Xiaomi Mijia Thermometer in the room.
Since I have multiple rooms and systematic nomenclature, I would like to use auto-entities.
My current code:
type: horizontal-stack
cards:
- type: custom:auto-entities
show_empty: false
card:
type: entities
min: 4.5
max: 23
step: 0.5
hide_state: false
card_mod:
style: |
ha-card {
--ha-card-background: rgba(0, 0, 0, 0);
--ha-card-box-shadow: none;
}
filter:
include:
- entity_id: climate.eq_3_*
options:
type: custom:slider-entity-row
- type: custom:auto-entities
sort:
method: area
show_empty: false
card:
type: glance
show_name: false
show_icon: false
card_mod:
style: |
ha-card {
--ha-card-background: rgba(0, 0, 0, 0);
--ha-card-box-shadow: none;
}
filter:
include:
- entity_id: .*xiaomi_temperature*
But this gives me
As you can see, the sensor temperatures are listed next to each other and only break when no more room is available. I would like to have them underneath each other, so each row only contains one slider and one glance state entry.
Thank you for your help
Alex