How to integrate my Floorplan

Configuration Frontend
1

Trying to understand the best way to use my floorplan in HA. Looking at all the previous posts there seems to be two methods.

  1. Using HA-Floorplan - video by Dr ZZZ - two years ago
  2. Using Picture Elements - more recent video’s

Which is the best one to use and what are the limitations.

I want to use the floorplan to action turning on lights but also see the state of entities such as heating, lights, fans etc with animation.

What is the accepted route today. Is HA-Floorplan no longer used ?

2

Hi @andyp07

Floorplan is alive and well. We recently revamped it. Check out the doco here:

Click on the Examples to see some floorplans in action.

3

Hi Petar

Thanks for the response, I have a problem, I’ve looked at the docs and cant see what I am doing wrong.

this is my yaml code:

 - title: Floorplan
    path: floorplan
    theme: Google Dark Theme
    panel: true
    badges: []
    cards:
      - type: vertical-stack
        cards:
          - type: horizontal-stack
            cards:
              - type: 'custom:floorplan-card'
                full_height: true
                config:
                  image: /local/floorplan/examples/home/home.svg
                  stylesheet: /local/floorplan/examples/home/home.css
                  log_level: info
                  console_log_level: info

But this is my dashboard view, as you can see it seems to ignore the settings

image
image2286×1257 204 KB

Any suggestions ?

4

@andyp07 Sounds good. For any questions & support, you can use the Discussions section on the floorplan GitHub repo.

https://github.com/ExperienceLovelace/ha-floorplan/discussion

5

Sorted. Found the the sample CSS file was restricting the size to 700px. Sharing the fix for others to use