Share your Floorplan

has anyone been able to get floorplan working with 0.70.0? I updated to 1.08 but it still doesn’t work for me, no config changed otherwise.

@chrisw Can you try v1.0.10 of floorplan?

https://raw.githubusercontent.com/pkozul/ha-floorplan/master/www/custom_ui/floorplan/ha-floorplan.html

Definitely will give it a try!

EDIT: Seems to be working just fine. In case if anyone was wondering, I was being silly - I cleared my browser cache (Chrome seems to be getting worse for this in general) but never went back to check if Floorplan was loading (v1.08) - I can assure you it did work when I went back to check at @pkozul request.

This is my current project. Its only a preview made for tablets using 1920x1080px. I would like to make a version for mobiles but i dont know which resolution should i use. Could you guys help me?

For the mobile version i was thinking something like this:

8 Likes

Hello i have updated hassio to 0.70.0 and ha-floorplan.html to 1.0.10 but i still have some problem to make it works like before the update.
Here are the errors i’m receiving:

Uncaught ReferenceError: imageUrl is not defined
URL: http://192.168.2.29:8123/local/custom_ui/floorplan/ha-floorplan.html
Line: 449, column: 22
Error: {}

Any kind of help will be greatly appriciated.
Thanks

@Romquenin try to upgrade from this post

thank you. I’m now running the v1.0.12 from your source. Still no luck, not working with same error:

Uncaught ReferenceError: imageUrl is not defined
URL: http://192.168.2.29:8123/local/custom_ui/floorplan/ha-floorplan.html
Line: 449, column: 22

You may have done this, restart HA and clear the cache after copying in v1.0.12

1 Like

It’s works on my Android phone and tablet. Thanks

1 Like

I got this error :

Uncaught TypeError: Class constructor HaPanelFloorplan cannot be invoked without ‘new’

Anybody who knows what to do ?

1 Like

@Faecon Which browser are you using? HA 0.70?

Running 070.1

My Floorplan

3 Likes

As seen in an example in this topic I want to show temperature. This works, But I want to add a big “C” but this is not shown in my floorplan . What did I do wrong ?

my code:

floorplan.css

https://paste.ofcode.org/aHef42YL3AsdNWwPe2aGTd 

floorplan.yaml:

    - name: Fans
      entities:
        - fan.server_room_fan
      states:
        - state: 'on'
          class: 'fan-on'
        - state: 'off'
          class: 'fan-off'
      state_transitions:
        - name: On to off
          from_state: 'on'
          to_state: 'off'
          duration: 2

in my svg add:

fan.server_room_fan

not work for me

Put the big C in it’s own seperate object.

do you mean in a seperate toplayer ?

You should only give your two zeros the entity id’s name. The rest should not be linked to an entity_id in your svg document.

A separate one from your zeros.

my c has this ID:flowRoot912-8 , and my 2 zeros : sensor.temperature_158d0002376460.
They are in seperature layers. But the C is not seen …