Share your Floorplan

Third party integrations Floorplan
379

Hello there! I also encountered a button that cannot be rotated in the center, but I do not know how to solve it.
This is my css
#CSS
#switch.switch12 {
transform-origin: center;
}

.fan-on {
fill: #ff8a65 !important;
-webkit-animation: rotation 2s infinite linear;
}

.fan-off {
fill: #424242 !important;
}

#yaml

  • name: Fan
    entities:
    • switch.fan
    • switch.switch12
      states:
    • state: ‘off’
      class: ‘fan-off’
    • state: ‘on’
      class: ‘fan-on’

#And svg
ID of my button
ID：switch.switch12

After all settings are made, my button still cannot work in the center. How to set the /Y /X/ axis correctly?

380

Hello I tried to press your method, but it always failed. Can you provide yours? Svg, yaml, css. thank you very much!

381
382

thank you for your reply! The corresponding problem has been solved!

383

Hello, I wrote your method, but it didn’t work. Is it possible to provide you with a complete ha-floorplan.html, svg, css, or file for my reference? thank you very much

384
385

Thank you very much, because I follow the example of your github, and he actually can’t work normally. So I would like to refer to your complete example to modify my own svg, ha-floorplan.html, css, yaml, etc. code! Thank you very much, and look forward to your sharing!

386

If you can, I hope you can provide the next, complete ha-floorplan.html, svg, css, documents. thank you very much

387

If it is not convenient to send to the forum, you can send it to my email address: [email protected]

388

Do not use the github example, use the example in link by @monkey-house. If you have trouble, check the comments from his solution to the bottom, then you should make it work. If you still have problems after you tried all that, I can send you the Javascript and ha-floorplan.html. But everything you need is in the link.

389

@poebae can you please share your svg file i.e. of your floorplan. Your layout is very similar to mine and I just need a little tweaking.

Thanks.

390

Sure thing, here it is: https://ufile.io/w7zfy

1 Like
391

Thanks bud.

I cant edit the objects? tried it on inkscape…

Do you know how else I can edit it?

392

Weird, the file was created in Inkscape so it should behave the same for you.

What are you trying to edit, and how?

393

I am trying to edit the walls and the furniture to resemble mine on inkscape. I cant edit the individual objects of the svg file rather the whole floor plan as a square.

394

Ohhh ok, that’s not going to work then. The floor plan was generated with https://floorplanner.com/, and I just imported the bitmap image into Inkscape and created the active elements like the light rectangles.

395

oh right … is there anyway I could edit that via https://www.floorplan.com ?

396

If you create an account on floorplanner.com, PM me your details/sign-up email and I can try to send you a copy through the site.

Note that high resolution 3d exports are only available if you pay for a Plus account (forget how much I paid).

397
398

Ok. Thanks for sharing!