Hello All,
Sorry for this simple doubt, but I am stuck and don’t know to go any further.
I am using Lovelace and my first card is the picture-elements where I added the family pictures and the tracker status. After that, I would like to add the lights sensors, but I am seeing just the pictures elements card in my screen.
What is wrong with my lovelace?
nickrout
(Nick Rout)
September 15, 2019, 11:03pm
2
title: Dashboard
icon: mdi:monitor-dashboard
panel: true
path: dashboard
cards:
- type: horizontal-stack
cards:
###################################################################################################
#RD
- type: picture-elements
image: /local/HA_RD.jpg
elements:
- type: state-label
entity: device_tracker.life360_oescafandrista
#prefix: "Local: "
style: {color: white, left: 15%, top: 93%}
- type: state-label
name: " "
entity: sensor.life360_rd_baterry
style: {color: white, left: 93%, top: 15%}
- type: custom:battery-entity
name: " "
entity: sensor.life360_rd_baterry
style: {color: white, left: 50%, top: 93%}
- type: conditional
conditions:
- entity: sensor.life360_rd_battery_charging
state: "True"
elements:
- type: state-icon
entity: sensor.life360_rd_battery_charging
style: {color: black, left: 93%, top: 35%}
icon_color: [0,100,100]
- type: conditional
conditions:
- entity: sensor.life360_rd_wifi_on
state: "True"
elements:
- type: state-icon
entity: sensor.life360_rd_wifi_on
style: {color: white, left: 93%, top: 55%}
- type: conditional
conditions:
- entity: sensor.life360_rd_driving
state: "True"
elements:
- type: state-icon
entity: sensor.life360_rd_driving
style: {color: white, left: 93%, top: 75%}
- type: conditional
conditions:
- entity: sensor.life360_rd_moving
state: "True"
elements:
- type: state-icon
entity: sensor.life360_rd_moving
style: {color: white, left: 93%, top: 93%}
###################################################################################################
#JU
- type: picture-elements
image: /local/HA_JU.jpg
elements:
- type: state-label
entity: device_tracker.life360_juliana
#prefix: "Local: "
style: {color: white, left: 15%, top: 93%}
- type: state-label
name: " "
entity: sensor.life360_juliana_battery
style: {color: white, left: 93%, top: 15%}
- type: custom:battery-entity
name: " "
entity: sensor.life360_juliana_battery
style: {color: white, left: 50%, top: 93%}
- type: conditional
conditions:
- entity: sensor.life360_juliana_battery_charging
state: "True"
elements:
- type: state-icon
entity: sensor.life360_juliana_battery_charging
style: {color: black, left: 93%, top: 35%}
- type: conditional
conditions:
- entity: sensor.life360_juliana_wifi_on
state: "True"
elements:
- type: state-icon
entity: sensor.life360_juliana_wifi_on
style: {color: white, left: 93%, top: 55%}
- type: conditional
conditions:
- entity: sensor.life360_juliana_driving
state: "True"
elements:
- type: state-icon
entity: sensor.life360_juliana_driving
style: {color: white, left: 93%, top: 75%}
- type: conditional
conditions:
- entity: sensor.life360_juliana_moving
state: "True"
elements:
- type: state-icon
entity: sensor.life360_juliana_moving
style: {color: white, left: 93%, top: 93%}
###################################################################################################
#Gabi
- type: picture-elements
image: /local/HA_GA1.jpg
elements:
- type: state-label
entity: device_tracker.life360_gabi
#prefix: "Local: "
style: {color: white, left: 15%, top: 93%}
- type: custom:battery-entity
name: " "
entity: sensor.life360_gabi_battery
style: {color: white, left: 50%, top: 93%}
- type: state-label
name: " "
entity: sensor.life360_gabi_battery
style: {color: white, left: 93%, top: 15%}
- type: conditional
conditions:
- entity: sensor.life360_gabi_battery_charging
state: "True"
elements:
- type: state-icon
entity: sensor.life360_gabi_battery_charging
style: {color: white, left: 93%, top: 35%}
- type: conditional
conditions:
- entity: sensor.life360_gabi_wifi_on
state: "True"
elements:
- type: state-icon
entity: sensor.life360_gabi_wifi_on
style: {color: white, left: 93%, top: 55%}
- type: conditional
conditions:
- entity: sensor.life360_gabi_driving
state: "True"
elements:
- type: state-icon
entity: sensor.life360_gabi_driving
style: {color: white, left: 93%, top: 75%}
- type: conditional
conditions:
- entity: sensor.life360_gabi_moving
state: "True"
elements:
- type: state-icon
entity: sensor.life360_gabi_moving
style: {color: black, left: 93%, top: 93%}
###################################################################################################
# #Belinh
- type: picture-elements
image: /local/HA_BE.jpg
elements:
- type: state-label
entity: sensor.belinha_acao
# prefix: "Local.: "
style:
top: 93%
left: 15%
Color: white
- type: state-label
entity: sensor.belinha_last_update
# prefix: "Local.: "
style:
top: 93%
left: 70%
Color: white
###################################################################################################
- break
########################Cards Temperatura #######################################################################
- type: glance
title: Glance card sample
entities:
- light.gateway_light_7811dcb215c1
- light.yeelight_color1_34ce0084dcdc
- light.yeelight_color1_34ce008b5522
- light.yeelight_color1_34ce008b8aeb
Mutt
(Muttley)
September 16, 2019, 12:07am
4
Nick has a point, what wrote that garbage.?
It’s impossible to read !
Ricardo has shown you a viable solution.
Basically it has two - entities: (OKAY picture-elements) ‘headers’ and everything in indented (lives under) these headings, these are your cards
Edit: I don’t think the code above was written by a human, if it was I apologise.
Sorry for my garbage. It was, unfortnately my best!
I am here to improve my knowledge and I would like to listen to some suggestions.
Could you help me?
BR
Ricardo
petro
(Petro)
September 16, 2019, 11:42am
6
because you are using panel: true. That makes the first card encompass the whole tab.
If you want to continue to have cards on the page, you need to have a vertical stack as your first card containing both the horizontal stack and the glance card.
EDIT: Or remove panel: true
Mutt
(Muttley)
September 16, 2019, 1:17pm
7
Ricardo,
Sorry my comment was NOT aimed at you, but at what I fully expect to be auto generated lovelace from within HA.
I see you have edited your first post to remove it, but this is no shame on you and instead serves to see what people are presented with when they start.
I truly apologise as I meant you no offence.
Mutt
Thank you Petro. I will test.
Br
Ricardo
Don’t worry Mutt.
Thanks for the attention!!!