Neues YouTube-Video: Visualisierung im Devices-Adapter

[flkontakt]

@dering , siehe Screenshot und Link https://www.erforscht.com/forum/index.php?thread/328-zigbee-radar-raum-tracking-bewegungsmelder-esp32-c6-hlk-ld2450/&postID=1999&highlight=ld2450#post1999

Kann man das htmlWidget direkt in Aura einbinden?

[MCU]

@flkontakt Wo ist denn Dein DP?

[flkontakt]

@MCU sagte:

@flkontakt Wo ist denn Dein DP?

javascript.0.Raum-Wohnzimmer.widgetHtml

      <style>
        .roomWrap{position:relative;width:100%;height:100%;border:2px solid #000;background:#eee;overflow:hidden}
        .dot{position:absolute;width:16px;height:16px;border-radius:50%;transform:translate(-50%,-50%)}
        .zone{position:absolute;pointer-events:none;border:2px dashed;opacity:.15}
        .zone span{position:absolute;left:2px;top:2px;font-size:12px;color:#000}
      </style>
      <div class="roomWrap"><div class="dot" style="background:red;left:71.5%;top:87.4%"></div><div class="dot" style="background:blue;left:-100%;top:-100%"></div><div class="dot" style="background:green;left:-100%;top:-100%"></div><div class="zone" style="border-color:brown;background:brown;
                left:0.0%;top:51.9%;width:71.7%;height:46.2%"><span>Couch</span></div><div class="zone" style="border-color:green;background:green;
                left:0.0%;top:11.5%;width:113.0%;height:40.4%"><span>Couch bis Fernseher</span></div><div class="zone" style="border-color:black;background:black;
                left:28.3%;top:0.0%;width:80.4%;height:11.5%"><span>Schrank</span></div></div>

[MCU]

@flkontakt Und das klappt nicht?
Entweder über das Widget ->

oder CSS ->

.aura-widget-w-1777821996087 div:has(> style + .roomWrap) {
  height: 100vh !important;
}

[flkontakt]

@MCU sagte:

@flkontakt Und das klappt nicht?
Entweder über das Widget ->

oder CSS ->

.aura-widget-w-1777821996087 div:has(> style + .roomWrap) {
  height: 100vh !important;
}

Moin @mcu , vielen Dank für deine Rückmeldung, mit dem Eintrag <div style="height:520px">{dp}</div> funktioniert es jetzt. Siehe Bild, links das direkte Ergebnis in Aura mit dessen html-Widget, rechts per iframe aus iob-vis. Jetzt kann ich mir an der Stelle die Brücke nach iob-vis sparen.

Schönes Wochenende!