I guess I need to fix my Wifi/Bluetooth on my Pi3 first because for some reason isnt working anymore )
Thanks for that 
nice!
what the size for the main pictures? I tried it but my images get blown up…
also, i have this template to use for my location in my Tiles setup, could this be used in your card too?:
background-image: url(\"/local/tiles/family/marijn_' + entities['sensor.marijn_location_picture'].state + '.png\")
thanks!
thanks!
so this is the frame with the holes, and your home image in 1 file? Or are these in fact 2 files, a fram, and a bigger home_image.
Would love to have this frame file 
I’ll share it when i come home to by desktop computer.
It’s a .psd file
– EDIT –
Here is the link to my .psd file:
– EDIT –
hey sorry for delay this is what i use im still on 0.78 as lovelace changed a bit and havent got round to updating hope it helps
- type: vertical-stack
cards:
- type: glance
title:
column_width: calc(100% / 3)
show_name: false
show_state: false
entities:
- entity: input_boolean.switch_tv_ir_num_1
tap_action:
action: toggle
icon: mdi:numeric-1-box
- entity: input_boolean.switch_tv_ir_num_2
tap_action:
action: toggle
icon: mdi:numeric-2-box
- entity: input_boolean.switch_tv_ir_num_3
tap_action:
action: toggle
icon: mdi:numeric-3-box
- entity: input_boolean.switch_tv_ir_num_4
tap_action:
action: toggle
icon: mdi:numeric-4-box
- entity: input_boolean.switch_tv_ir_num_5
tap_action:
action: toggle
icon: mdi:numeric-5-box
- entity: input_boolean.switch_tv_ir_num_6
tap_action:
action: toggle
icon: mdi:numeric-6-box
- entity: input_boolean.switch_tv_ir_num_7
tap_action:
action: toggle
icon: mdi:numeric-7-box
- entity: input_boolean.switch_tv_ir_num_8
tap_action:
action: toggle
icon: mdi:numeric-8-box
- entity: input_boolean.switch_tv_ir_num_9
tap_action:
action: toggle
icon: mdi:numeric-9-box
- entity: input_boolean.switch_tv_ir_num_0
tap_action:
action: toggle
icon: /local/
- entity: input_boolean.switch_tv_ir_num_0
tap_action:
action: toggle
icon: mdi:numeric-0-box
- entity: switch.remote_ir_number_0
tap_action:
action: toggle
icon: /local/
- entity: switch.remote_ir_number_0
tap_action:
action: toggle
icon: /local/
- entity: switch.remote_ir_number_0
tap_action:
action: toggle
icon: /local/
- entity: switch.remote_ir_number_0
tap_action:
action: toggle
icon: /local/sorry missed this before, thanks for sharing!
Hi!
I’m trying to making a tab for my vacuum cleaner using picture elements, but I want it to fit the screen and get rid of the scrollbar.
I can accomplish this if I set the picture as background but then I lose all the benefits of picture elements.
Any ideas?
Background:
- title: Roborock
background: center / cover no-repeat url("/local/xiaomi_vacuum.jpg") fixed
Picture elements:
- title: Roborock
panel: true
cards:
- type: picture-elements
image: /local/xiaomi_vacuum.jpg
etc...
Hi
Can someone please tell me how they use the picture element. How do you create the ui-Lovelace.yaml? I tried many things but nothing works.
Running Hassio 89.2
Thanks.
Jim, a bit off topic - do you use your Mi Flora outside? If so, any issues?
Yes I have about 15 of them outside for over a year and they are all still going. We just had 150mm of rain over the weekend and they are all still working. They have also survived an Australian summer which is the ultimate litmus test lol. Only thing is I had to put a pi zero outside to connect to them as Bluetooth range is limited.
1 Like
Update some of my Lovelace Cards to picture-elements.
Got my inspiration from over here: System Monitoring - How does your look?
1 Like
I like your home assistant card. I think I may use that idea. Thanks for posting.
1 Like
Make picture elements truly dynamic using the group-element:
9 Likes
Example of two of my crowded picture elements
All rooms have an overlay with opacity based on measured lux, so will show up as dark if dark. Click in any room to toggle lights in the room.
The Network diag picture shows all Sonoffs, ESPs and other pingable equipment in the house.
16 Likes
very impressive! that’s a lot of hard work right there
1 Like
Hi all !
well for my fist time i did a harmony hub remote where the background changes depending on what device are you using.
this is based on the sensor:
configuration.yaml
sensor:
- platform: template
sensors:
living_room:
value_template: ‘{{ states.remote.living_room.attributes.current_activity }}’
friendly_name: ‘Living room hub’
and the picture elements card:
elements:
- entity: sensor.living_room
state_image:
Netflix: /local/pictures/netflix.png
PowerOff: /local/pictures/harmony-remote.png
Watch TV: /local/pictures/kodi.png
xbox: /local/pictures/xbox-one.png
style:
left: 50%
top: 50%
width: 100%
tap_action:
action: none
type: image - icon: ‘mdi:xbox’
style:
color: withe
left: 5%
top: 87%
tap_action:
action: call-service
entity_id: remote.living_room
service: REMOTE.TURN_ON
service_data:
activity: xbox
title: Xbox one
type: icon - icon: ‘mdi:netflix’
style:
color: withe
left: 13%
top: 87%
tap_action:
action: call-service
entity_id: remote.living_room
service: REMOTE.TURN_ON
service_data:
activity: Netflix
title: Xbox one
type: icon - icon: ‘mdi:kodi’
style:
color: withe
left: 21%
top: 87%
tap_action:
action: call-service
entity_id: remote.living_room
service: REMOTE.TURN_ON
service_data:
activity: Watch TV
title: Xbox one
type: icon - entity: remote.living_room
service: REMOTE.TURN_OFF
style:
color: withe
left: 87%
top: 87%
title: Turn All Off
type: service-button
image: /local/pictures/harmony-remote.png
style: null
type: picture-elements
Hope you all like it… it took me a better part of Sunday (first time i make one like this) 
5 Likes