WTH Cannot drag & drop in picture elements

We can create great interactive floorplans to allow the family use Home Assistant in a very easy and intuitive way.

It’s so hard to setup though. I have to write 918 lines of code in the picture elements card to put all the entities in position.

This, pleaseee add drag and drop when in edit in the picture elements card. I love my blueprint view, but such a pain to move every entity with the top\left position %'s

1 Like

I remember now that, by default, icons don’t have an outline or shadow to make enough contrast with the background picture. I’m using card_mod for that.

card_mod:
  style:
    .: >
      ha-card { --background-state-round: radial-gradient(circle, rgba(0,0,0,1)
      20%, rgba(0,0,0,0) 65%); --background-state-rect: linear-gradient(0deg,
      rgba(0,0,0,0) 20%, rgba(50,50,50,1) 30%, rgba(50,50,50,1) 70%,
      rgba(0,0,0,0) 80%); --state-icon-color: rgb(84, 167, 243);
      --paper-item-icon-color: rgb(84, 167, 243); --color-label-sensor: white;
      --size-label-sensor: 0.8em; --size-label-sensor-big: 1.1em;}
elements:
  - type: state-icon
    entity: input_number.zoom_floorplan
    icon: mdi:magnify-minus-outline
    tap_action:
      action: call-service
      service: input_number.decrement
      service_data:
        entity_id: input_number.zoom_floorplan
    style:
      top: 50px
      left: 50px
      background: var(--background-state-round)

this is important, a lot of people dont want to create floorplanes in home assistant because the method of picture elements and the method of lines of code to set the positions of icons, are very very old style!.

maybe a “month of floorplan” will be necesary!!!

1 Like

Maybe the way in which a floor plan has to be created is not entirely satisfactory.
html and css would be enough to be able to place icons with pixel precision (div tags and z-index) and all the other stuff.

so long
Pc

In domoticz some years ago, you can move the sensors and devices with drag and drop system.
Its easy because is a sección for dedicated floorplan.
Maybe this is the way, a specific floorplan addon or similar with a lot of posibilitys

Maybe the “picture elements” card can evolve in something more like a floorplan builder. With not just the ability of add icons to a picture, but with some basic tools to sketch the floorplan itself. You just need some walls/lines to create a blueprint.