Lovelace: one-line temperature and humidity?

Share your Projects! Dashboards & Frontend
1

Hello,

I would like to know if it’s possible to display temperature and humidity in one line.
In fact, at the moment I’ve managed to do it with a template sensor like that :
image

But the problem with this configuration is that I loose the ability to click on the temp or humidity and get the graphs… Another problem is that each change of the temp or the humidity update the template sensor and this is then logged in the journal and I got a loooot of lines like this :
image

Do anyone know a workaround to display two sensor on one line and keep the ability to display details for each sensor or another nice clean way to display such sensors ?

Thank you !

1 Like
2

I have been looking for the possibility to display 2 entities in a single row as well but haven’t found anything yet. Hope someone knows how to make a card like this

3

Something like this?

banner
banner1240×182 23.6 KB

2 Likes
4

No, I would really like something like that :

image

A card with a list of sensor and each line combine two sensors.

5

@cariboo How would you do that?

6

This is in my ui-lovelace.yaml file:

- title: Haven
    background: radial-gradient(crimson, skyblue)
    icon: mdi:home-assistant
    panel: true
    cards:
      - type: vertical-stack
        cards:
          - type: glance
            entities:
              - sun.sun
              - sensor.dark_sky_temperature
              - sensor.dark_sky_humidity
              - sensor.dark_sky_precip_accumulation
              - sensor.dark_sky_wind_speed
1 Like
7

Ok i figured this out. You need to create a template sensor.

platform: template
sensors:
  env_spare_bathroom:
    friendly_name: Spare Bathroom
    value_template: "{{ states.sensor.temperature_spare_bathroom.state }} °F  |  {{ states.sensor.humidity_spare_bathroom.state}} %"

the sensor name above is “sensor.temperature_spare_bathroom” change that part with whatever your temp sensor is.

Then just call the new template sensor in a group or in the lovelace_ui

sensor.env_spare_bedroom

850×717 31.6 KB

2 Likes
8

Yes this is almost what I’ve done. But there is 2 problems :

  • There is an entry in the history for every change of the template
  • You can’t access the graph for the sensors

I think it need a custom lovelace component in order to be able to do that…

9

I am using Custom UI in the old frontend for this:
image

I see two solutions for this, either implement the badge solution from CustomUI ( https://github.com/andrey-git/home-assistant-custom-ui) or implement another great solution from CustomUI, the secondary info field as a fully customizable part.
image

1 Like
10

This is very good and seems to be the closest as what I want. I think I’ll wait for Custom UI to be available for Lovelace as all my config is under it today…

Here is an issue on Custom UI Github for Lovelace dev : https://github.com/andrey-git/home-assistant-custom-ui/issues/139

11

Hello,

I am putting out of the graves this topic.
Did someone has an example of Lovelace custom card where we can have the temperature and humidity on the same line as previously explained by Frixx ?

Thanks !

12
13
1 Like
14

Hello,

Thanks to you both. I am using now the benct solution.
It is working well. I will probably use the Cicero222 solution for other datas :slight_smile:

Regards

15

Hi,

I have issues to make the card nicely with the multiple-entity-row
here is the result of my current config

image
image1771×279 16.2 KB

I’m using the aqara multi sensor. the integration just provides four entities:

  • temp
  • humidity
  • pressure
  • battery level

how can I use this plugin correctly to bring all sensors in one row with the room description at the beginning and followed by the entities?
In the examples differs to my integrated product.

thank you very much!

16

Use show_state: false

type: entities
entities:
  - entity: sensor.temperature_11
    type: 'custom:multiple-entity-row'
    name: Kinderzimmer
    show_state: false
    entities:
      - sensor.temperature_11
      - sensor.humidity_12
3 Likes
17

@apmillen

ahh thank you very much. that’s the trick.

Cheers

18

Thanks for creating/sharing.
It’s very close to what I am after… two ‘secondary info’ styled labels.
In this mockup, temperature and humidity.
dual_property_entity_card

1 Like
19

Can you share your code please ? Thanks

20

Mine was just a mockup image but I’ve since learnt you can include white space padding when you enable the multiline option for secondary info.

type: custom:mushroom-template-card
primary: Kitchen
secondary: >-
  {{ states.sensor.kitchen_meter_temperature.state_with_unit }}     {{
  states.sensor.kitchen_meter_humidity.state_with_unit }}
multiline_secondary: true
1 Like