Floorplan elements on different screen sizes and resolutions

Configuration Frontend
1

I created a floorplan for home assistant, and then I added the entities in the yaml code, but on different screens the entities move around, probably due to screen size and resolution.

Is there a way to handle this, so that the entities move with the floorplan size and resolution?

I think “Sweet Floorplan 3D” has a Home Assistant plugin that does this, but its too expensive for me.

Are there any alternatives, or even a better way to create floorplans and integrate the entities in them?

Thanks

2

google “picture elements small tutorial”, read about positioning

3

Thanks for the guide. Its very useful. I can’t help but think that there has to be an easier way to create floorplans in Home Assistant.

4

I do not think it it is too difficult. Positions and sizes (if set in %) do not change in different view ports (screen dimensions).