Sorry, scratch that, you’d need to step up the juice from conditional card to state switch card to do it. I use it similarly, it works well:
Thaks, do you maybe have an example?
See github repo linked in my profile.
Hi,
I need help with that card.
I need when I click on the main picture it goes to a specific URL,
But in the picture-element I’m not getting
image: \local\office.jpeg
tap_action:
action: navigate
navigation_path: office
elements:
- type: state-label
style:
color: white
top: 96%
left: 88%
font-weight: bold
entity: sensor.temperature_158d0004445
- type: state-icon
style:
color: white
top: 95%
left: 96%
entity: sensor.temperature_158d0004445
- type: state-icon
style:
color: white
top: 84%
left: 96%
entity: light.escritorio
- type: state-icon
style:
color: white
top: 72%
left: 96%
icon: 'mdi:air-conditioner'
entity: climate.office_ac
type: picture-elements
That color wheel 
How can I integrate honeycomb menu in a picture element card?
1 Like
@sian it looks great, congratulations!
How do you get that coloured circle around the icons !?
1 Like
Looks great! 
What app did you use to model the floorplan?
Are you using images/icons on some places (like those 2 in the garage) ?
… and by the way, does the “persons” show up on the rooms when there’s movement in there, or is it part of the floorplan image? I see some rooms with people, and some empty 
Thanks 
Yes, the people appear if there is movement in the room.
The circular images in the garage and other places are cameras.
I asked my wife making the plan using https://home.by.me
Sorry been away from this scene for a bit… Just add the custom-button to the picture element, with that follow my guide at https://github.com/Sian-Lee-SA/honeycomb-menu (primarily “how to use” section). You can pretty much add any card as an element to the picture-elements card.
2 Likes
If you’re talking about the Honey Comb menu then head to my repo https://github.com/Sian-Lee-SA/honeycomb-menu which you can also get through HACS
based on the custom-button card. just apply the property for the background color and 50% border radius to make it round
hmmm, not sure if I know what you’re talking about 
#newbieHere
I’m using state-icons on top of the Picture Elements card.
What you’re saying is something of a different type? (but still on top of a picture elements card)
I would like to install but I don’t see it in HACS. Do I need to add a custom repo?
Head over to https://github.com/custom-cards/button-card and you can use that card in your picture elements. You’ll need to read up on the options and learn how to use, once you understand how to use the card then it’s just a simple matter of applying the css styles
1 Like
No, I just looked at the HACS repo which still shows my repo as a plugin. I don’t have HACS installed so I can’t check whether it is there or not but based on the HACS source, it should be. You could manually add my repo as an alternative
In case this helps anyone else, here is how I added honeycomb via HACS
In HACS, on the Frontend page (top middle) click “+” (bottom right)
This brings up the Add repository page. In the “Search for repository” section, type honeycomb
Click Honeycomb Menu and then “Install This Repository in HACS”
Click “Install”
It now shows like this
Using a terminal, check that the files are there
In this case we have this file to add to lovelace
/root/config/www/community/honeycomb-menu/honeycomb-menu.js
This path will can be used like this within the lovelace configuration
/hacsfiles/honeycomb-menu/honeycomb-menu.js
Add the following to configuration.yaml
- url: /hacsfiles/honeycomb-menu/honeycomb-menu.js
type: module
Restart Home Assistant
Go back into HACS / Frontend and make sure Honeycomb Menu is no longer red.
Ready for use!
Thank you for providing this module!!!
1 Like
HACS auto-loaded it for me.