Floorplan - kłopoty z konfiguracją

Pomocy.
Robię sobie floorplan zgodnie z https://www.youtube.com/watch?v=9p9PBtM0O8Q.
wszystko idzie pięknie do momentu ok 19 minuty kiedy wpisuje na różne sposoby i np:
type: picture-elements

image: local/images/3d_floorplan/floorplan-dark.png
elements:

  • type: image
    entity: light.duzy_pokoj_gora_204
    style:
    left: 40%
    top: 40%
    width: 100%
    state_image:
    ‘on’: /local/images/3d_floorplan/duzyon.png
    ‘off’: /local/images/3d_floorplan/floorplan-dark.png
  • type: state-icon
    entity: light.duzy_pokoj_gora_204
    style:
    left: 60%
    top: 60%
    tap-action:
    action: toggle

kiedy dodam drugie pomieszczenie zostaje ono jakby głównym bez względu na wszystko wcześniej.
2 sporawa pomimo użycia action: toggle nie przełącza mi stanu tylko otwiera dodatkowe okienko - pomocy.
Pokażcie jak wyglądają wasze karty floorplanów

type: picture-elements
title: Parter
elements:
  - type: state-icon
    tap_action:
      action: toggle
    entity: light.ogrod
    style:
      top: 27%
      left: 92%
      title: Ogród
  - entity: sensor.ble_temperature_parter
    style:
      '--ha-label-badge-font-size': 1em
      left: 47%
      top: 41%
      transform: none
    show_name: false
    type: state-badge
  - entity: sensor.ble_humidity_parter
    style:
      '--ha-label-badge-font-size': 1em
      left: 47%
      top: 54%
      transform: none
    show_name: false
    type: state-badge
  - entity: sensor.weatherbit_temperature
    style:
      '--ha-label-badge-font-size': 1em
      left: 30%
      top: 0%
      transform: none
    type: state-icon
  - entity: sensor.weatherbit_temperature
    style:
      '--ha-label-badge-font-size': 1em
      left: 30%
      top: 5%
      transform: none
    type: state-label
  - entity: sensor.weatherbit_humidity
    style:
      '--ha-label-badge-font-size': 1em
      left: 50%
      top: 0%
      transform: none
    type: state-icon
  - entity: sensor.weatherbit_humidity
    style:
      '--ha-label-badge-font-size': 1em
      left: 50%
      top: 5%
      transform: none
    type: state-label
image: /local/assets/sikory plan domu__parter.png
theme: default

Powyższy fragment (de facto to cały kod tej karty w formacie edytora kart) ogarnia taką prościutką kartę (to jest tzw. WIP, bo plany z alfa-kanałem mam od paru dni dopiero, a tylko takie będą OK zarówno w jasnym jak i ciemnym motywie)

1 Like

Witam
Mam problem z rozdzielczością ekranu

Widok z komputera


Widok z telefonu, tabletu

Np. umiejscowienie odczytów sensora na stoliku na Pc jest na stoliku na telefonie lub tablecie jest przesunięte lekko w prawo .
Jeśli dokonam korekty na na tablecie , na komputerze jest przesunięte lekko w lewo .
Jakieś sugestie, propozycje … co jest nie tak i czy można ten problem w jakiś sposób rozwiązać?
Właśnie zaczynam zabawę Floorplan i nie wiem jakie są ograniczenia mojej wizualizacji :thinking: :grinning:

Zrób osobny Dashboard dla telefonu/tabletu i wtedy wycentruj sobie ikonki/encje na tablecie zmień domyślny Dashboard na nowo utworzony.

Żarówki, kamery, Tv pozostają na swoim miejscu ( procentowym) , tylko sensory się “przemieszczają” po zmianie rozdzielczości obrazu :thinking:

Na stoliku temperatura :

- type: state-label
  entity: sensor.heating_temperature
  style:
    top: 25.5%
    left: 32%
    font-size: 20px
    transform: rotate(11deg) rotateX(-2deg) skewX(23deg)
    color: red
  • entity: sensor.ewelink_th01_86f12822_temperature
    style:
    color: white
    font-family: Helvetica
    font-size: 12px
    left: 15.2%
    text-align: center
    top: 26.7%

spróbuj text-align: center

Okno przeglądarki zostało zmniejszone do około 20%
Zauważyłem że przy tej samej konfiguracji status i bateria robota (prawa, środek) zostaje poprawnie do skalowana.
Jeszcze jedna dziwna rzecz lewa górna żarówka ( podjazd) jest ją problemowo uruchomić, to znaczy że jak kliknę na żarówkę to się nic nie dzieje, jeśli kliknę na “gwint” tej żarówki to działa poprawnie.
:thinking:

ScreenShot_20210322203119
Spróbuje wygenerować inny obraz ( tło)

@Adam_Nowicki Robiłem tak samo i niestety też działa mi tak jakby jeden pokój był nad drugim i nie ma możliwości powroty do ustawień poptrzedniego pokoju.
@szopen Twój flor plam jest bez zmiennych *.png. A jak zrobić zgodnie z How To: 3D Floorplan in Home Assistant - YouTube o którym wspomniał Adam?

Ja robiłem tak jak umiem, a nie w/g tego tutoriala.

edit:
Tak przy okazji, taki link pasujący do tego tematu (dokumentacja z tego co widzę powstaje powoli, ale jakiś postęp jest):

sam dodatek do lovelace jest dostępny w HACS