- Erledigt - FTUI 2.4 - Frage zum 'Style' beim Dimmer Widget

Begonnen von hollyghost, 29 Januar 2017, 19:34:46

Vorheriges Thema - Nächstes Thema

hollyghost

Einen schönen guten Abend – ich habe mal wieder eine Frage an die Expterten hier:
Ich bin noch auf FTUI 2.4 und habe in einer Matrix mehrere Dimmer Widgets eingebunden - eines davon fällt optisch aus dem Rahmen  ;) - siehe Anhang
Aus irgendeinem Grund bekommt der Dimmer 'Leselampe' bei seinem Canvaselement zur Levelanzeige beim Style den Wert top:52px eingetragen – bei den anderen haben wir hier top:0px (so wie es sein soll).
Die beiden Definitionen

Fehlerhaft:

<li data-row="2" data-col="2" data-sizex="1" data-sizey="1" class="semitransparent">
   <header>Leselampe</header>
   <div data-type="dimmer" class="cell"
         data-device="wz_DI_Leselampe_Sw"
         data-set-on="old"
         data-set-off="off"
         data-set-value="$v"
         data-dim='pct'
         data-get='state'
         data-get-on="[1-9]\d?"
         data-get-off="set_off">>
    </div>
</li>

OK:

<li data-row="2" data-col="3" data-sizex="1" data-sizey="1" class="semitransparent">
  <header>Deckenfluter</header>
  <div data-type="dimmer" class="FS20 cell"
        data-device="testIT"
        data-set-on="on"
        data-set-off="off"
        data-set-value="dim$v%"
        data-get-on="dim([1-9]\d?)?%|on"
        data-get-off="off">
    </div>
</li>


Der einzige Unterschied für mich bei der Definition ist das class="FS20 cell" bzw. class="cell" - Die 'Dimmerklasse' sollte hierauf ja keine Auswirkung haben - hat sie auch nicht, wie ein Test gezeigt hat.

Der erzeugte HTML Code im Browser enthält dann die angesprochenen unterschiedlichen Canvas Element für die Dim-Level Skala

nicht i.O:

<canvas id="scale"
   style="height: 56px; position: absolute; z-index: -1; left: 10.4px; top: 52px;"
   height="52"
   width="52">
</canvas>


i.O:

<canvas id="scale"
    style="height: 56px; position: absolute; z-index: -1; left: 10.4px; top: 0px;"
    height="52"
    width="52">
</canvas>


Hat von euch jemand eine Idee, wer oder was mir hier in die Suppe spuckt?

Grüße
Holger


hollyghost

So - Lösung gefunden  ::)
Es lang mal wieder an den müden Augen
Zitat
Fehlerhaft:

<li data-row="2" data-col="2" data-sizex="1" data-sizey="1" class="semitransparent">
   <header>Leselampe</header>
   <div data-type="dimmer" class="cell"
         data-device="wz_DI_Leselampe_Sw"
         data-set-on="old"
         data-set-off="off"
         data-set-value="$v"
         data-dim='pct'
         data-get='state'
         data-get-on="[1-9]\d?"
         data-get-off="set_off">>
    </div>
</li>


Hier war eine '>' zuviel hinter 'data-get-off'.

Vielleicht hilft es ja jemanden in Zukunft
Grüße
Holger