Making an element non-interactable

Third party integrations Floorplan
1

Hey guys,

Is there a way of making a non-HA entity pass through clicks? For example, in my dining room I have a little dining room picture but it traps mouse events/taps so in order to tap on the room to turn the lights on I have to hit it somewhere around the outside of the table in the grey area

image
image696×534 30.9 KB

I’d also like to put some room temperatures in the rooms but don’t want them to be clickable either.

I’ve done it ok with a Home Assistant entity and a custom CSS class:

.unclickable {
  pointer-events: none;
}

But the little icons signifying the rooms don’t map to a HA entity.

2

For the first, make sure the icon for the table is “below” the grey area

3

If they are in groups and the group is the item name anything in it will activate that group.

  • DiningRoom
    • Table Icon
    • Light Icon

Something like that.

4

Bingo! That sounds like it would work. Give the group the HA Entity ID instead of the room… will try shortly.