Hi,
hat sich in letzter Zeit irgendwas am knob-Widget geändert?
Mir ist heute aufgefallen, dass der plötzllich in einer sehr großen Table angezeigt wird (siehe Screenshot).
Kann aber leider nicht genau sagen, seit wann.
Im html ist die Größe komischerweise direkt hinterlegt:
<tr class="even">
<td>
<div class="col1">
<a href="/fhem?detail=dmy_Heizoel">Füllstand Heizöl</a>
</div>
</td>
<td informid="dmy_Heizoel">
<div id="dmy_Heizoel" class="col2">71</div>
</td>
<td colspan="1">
<div class="knob_widget" style="display:inline-block" informid="dmy_Heizoel">
<div style="display:inline;width:100px;height:200px;">
<canvas width="100" height="200"></canvas>
<input id="knob.dmy_Heizoel-state" type="text" data-min="0" data-max="174" data-step="1" data-fgcolor="DarkOrange" data-anglearc="180" data-angleoffset="270" data-bgcolor="Blue" data-width="100" data-linecap="round" data-readonly="true" data-displayprevious="true" readonly="readonly" style="width: 54px; height: 33px; position: absolute; vertical-align: middle; margin-top: 33px; margin-left: -77px; border: 0px none; background: none repeat scroll 0% 0% transparent; font: bold 20px Arial; text-align: center; color: DarkOrange; padding: 0px;">
</div>
</div>
</td>
</tr>
Hier noch die knob-Def:
NR 1333
STATE 71
TYPE dummy
Readings:
vor 8 Minuten state 71
Attributes:
alias Füllstand Heizöl
group Heizung
room Technik
setList state:knob,min:0,max:174,step:1,fgColor:DarkOrange,anglearc:180,angleoffset:270,bgcolor:Blue,width:100,linecap:round,readOnly:true,displayPrevious:true
webCmd state dmy_Heizoel
NR 1333
STATE 71
TYPE dummy
Readings:
2015-02-15 19:46:15 state 71
Attributes:
alias Füllstand Heizöl
group Heizung
room Technik
setList state:knob,min:0,max:174,step:1,fgColor:DarkOrange,anglearc:180,angleoffset:270,bgcolor:Blue,width:100,linecap:round,readOnly:true,displayPrevious:true
webCmd state
Öhm, wieso werden eigentlich das List zweimal ausgegeben?
Jemand eine Idee, wo da der Haken liegen könnte?
lg, Ici
PS: Hab erst vor ca. 1 Stunde ein Update gemacht
ZitatMir ist heute aufgefallen, dass der plötzllich in einer sehr großen Table angezeigt wird (siehe Screenshot).
Ich sehe kein Screenshot.
Falls man die Breite definiert, dann sollte man auch die Hoehe definieren.
Andersherum: falls die Breite nicht definiert ist, dann setzt fhem_knob.js Hoehe=Breite=100.
War "schon immer" so.
Upps, vergessen den Anhang hinzuzufügen. Mach ich heute abend....
Aber es ist ja komischerweise
<canvas width="100" height="200"></canvas>
Obwohl ich weder Höhe noch Breite definiert habe. Bzw. ja nur width:100
Ein height gibt's ja laut https://github.com/aterrien/jQuery-Knob (https://github.com/aterrien/jQuery-Knob) gar nicht.
lg, Ici
Edit: Anbei jetzt ein Screenshot
Gibts eine Lösung? Habe das selbe Problem!
Wenn ich "Width" entferne, passt die Höhe, der Knopf ist dann jedoch generell sehr groß!