Hallo,
ich hatte mit dem FTUI Update eigentlich keine Probleme, aber seit Heute funktioniert der Date-Time-Picker irgendwie nicht mehr und hat gleich meine FTUI Seite ins Chaos gestürzt. Ich habe da eine Reihe Schalter die mit einem Date-Time-Picker ausgestattet sind, jetzt ist nur noch eine Dose zu sehen.
<!-- ============ Steckdosen ============= -->
<!-- ====================================== -->
<li data-row="1" data-col="8" data-sizex="3" data-sizey="7">
<header>Steckdosen</header>
<!-- ============ Steckdose Balkon ============= -->
<div class="hbox">
<div data-type="switch" data-device="HM_4Fach_Sw_01"
data-icon="fa-check" data-on-background-color="DarkGreen" data-off-background-color="lime"
data-set-off="on" class="bigger"></div>
<div data-type="switch" data-device="HM_4Fach_Sw_01"
data-icon="fa-ban" data-off-background-color="DarkRed" data-on-background-color="Red"
data-set-on="off" class="bigger"></div>
<div data-type="popup" data-height="200px" data-width="360px">
<div data-type="switch"
data-device="timer_4_1"
data-icon="fa-clock-o"
data-background-color-off="orange"
data-set-on=""
data-set-off=""
data-get-on="!off"
data-get-off="inactive"
class="top-space-2x"></div>
<div class="dialog">
<header>Startzeit-Endzeit</header>
<div class="hbox items-space-between left-space right-space top-space-2x">
<div style="color:#ffa30d; font-size:25px">An</div>
<div data-type="datetimepicker" data-device="T_HM_4Fach_Sw_01"
data-get="TIMESPEC" data-set-value="*$v" data-cmd="modify"
data-step="15"
data-datepicker="false" data-format="H:i"
class="bigger orange"></div>
<div data-type="checkbox" data-device='T_HM_4Fach_Sw_01'
data-get-on="!off" data-get-off="inactive"
data-set-on="active" data-set-off="inactive"></div>
</div>
<div class="hbox items-space-between left-space right-space top-space-2x">
<div style="color:#ffa30d; font-size:25px">Aus</div>
<div data-type="datetimepicker" data-device="T_HM_4Fach_Sw_01_aus"
data-get="TIMESPEC" data-set-value="*$v" data-cmd="modify"
data-step="15"
data-datepicker="false" data-format="H:i"
class="bigger orange"></div>
<div data-type="checkbox" data-device='T_HM_4Fach_Sw_01_aus'
data-get-on="!off" data-get-off="inactive"
data-set-on="active" data-set-off="inactive"></div>
</div></div></div></div>
<div class="hbox items-space-between left-space-4x right-space">
<font color="Darkorange">Balkon</FONT><font color="Darkorange">Timer</FONT>
</div>
<hr>
<!-- ============ Steckdose Wohnzimmer links ============= -->
<div class="hbox">
<div data-type="switch" data-device="HM_4Fach_Sw_02"
data-icon="fa-check" data-on-background-color="DarkGreen" data-off-background-color="lime"
data-set-off="on" class="bigger"></div>
<div data-type="switch" data-device="HM_4Fach_Sw_02"
data-icon="fa-ban" data-off-background-color="DarkRed" data-on-background-color="Red"
data-set-on="off" class="bigger"></div>
<div data-type="popup" data-height="200px" data-width="360px">
<div data-type="switch"
data-device="timer_4_2"
data-icon="fa-clock-o"
data-background-color-off="orange"
data-set-on=""
data-set-off=""
data-get-on="!off"
data-get-off="inactive"
class="top-space-2x"></div>
<div class="dialog">
<header>Startzeit-Endzeit</header>
<div class="hbox items-space-between left-space right-space top-space-2x">
<div style="color:#ffa30d; font-size:25px">An</div>
<div data-type="datetimepicker" data-device="T_HM_4Fach_Sw_02"
data-get="TIMESPEC" data-set-value="*$v" data-cmd="modify"
data-step="15"
data-datepicker="false" data-format="H:i"
class="bigger orange"></div>
</div>
<div class="hbox items-space-between left-space right-space top-space-2x">
<div style="color:#ffa30d; font-size:25px">Aus</div>
<div data-type="datetimepicker" data-device="T_HM_4Fach_Sw_02_aus"
data-get="TIMESPEC" data-set-value="*$v" data-cmd="modify"
data-step="15"
data-datepicker="false" data-format="H:i"
class="bigger orange"></div>
<div data-type="checkbox" data-device='timer_4_2'
data-get-on="!off" data-get-off="inactive"
data-set-on="active" data-set-off="inactive"></div>
</div></div></div></div>
<div class="hbox items-space-between left-space right-space">
<font color="Darkorange">Wohnzimmer links</FONT><font color="Darkorange">Timer</FONT>
</div>
<hr>
<!-- ============ Steckdose Wohnzimmer rechts ============= -->
<div class="hbox">
<div data-type="switch" data-device="HM_4Fach_Sw_03"
data-icon="fa-check" data-on-background-color="DarkGreen" data-off-background-color="lime"
data-set-off="on" class="bigger"></div>
<div data-type="switch" data-device="HM_4Fach_Sw_03"
data-icon="fa-ban" data-off-background-color="DarkRed" data-on-background-color="Red"
data-set-on="off" class="bigger"></div>
<div data-type="popup" data-height="200px" data-width="360px">
<div data-type="switch"
data-device="timer_4_3"
data-icon="fa-clock-o"
data-background-color-off="orange"
data-set-on=""
data-set-off=""
data-get-on="!off"
data-get-off="inactive"
class="top-space-2x"></div>
<div class="dialog">
<header>Startzeit-Endzeit</header>
<div class="hbox items-space-between left-space right-space top-space-2x">
<div style="color:#ffa30d; font-size:25px">An</div>
<div data-type="datetimepicker" data-device="T_HM_4Fach_Sw_03"
data-get="TIMESPEC" data-set-value="*$v" data-cmd="modify"
data-step="15"
data-datepicker="false" data-format="H:i"
class="bigger orange"></div>
</div>
<div class="hbox items-space-between left-space right-space top-space-2x">
<div style="color:#ffa30d; font-size:25px">Aus</div>
<div data-type="datetimepicker" data-device="T_HM_4Fach_Sw_03_aus"
data-get="TIMESPEC" data-set-value="*$v" data-cmd="modify"
data-step="15"
data-datepicker="false" data-format="H:i"
class="bigger orange"></div>
<div data-type="checkbox" data-device='timer_4_3'
data-get-on="!off" data-get-off="inactive"
data-set-on="active" data-set-off="inactive"></div>
</div></div></div></div>
<div class="hbox items-space-between left-space right-space">
<font color="Darkorange">Wohnzimmer rechts</FONT><font color="Darkorange">Timer</FONT>
</div>
<hr>
<!-- ============ Steckdose Kueche ============= -->
<div class="hbox">
<div data-type="switch" data-device="HM_S_Kueche"
data-icon="fa-check" data-on-background-color="DarkGreen" data-off-background-color="lime"
data-set-off="on" class="bigger"></div>
<div data-type="switch" data-device="HM_S_Kueche"
data-icon="fa-ban" data-off-background-color="DarkRed" data-on-background-color="Red"
data-set-on="off" class="bigger"></div>
<div data-type="popup" data-height="200px" data-width="360px">
<div data-type="switch"
data-device="timer_Kueche"
data-icon="fa-clock-o"
data-background-color-off="orange"
data-set-on=""
data-set-off=""
data-get-on="!off"
data-get-off="inactive"
class="top-space-2x"></div>
<div class="dialog">
<header>Startzeit-Endzeit</header>
<div class="hbox items-space-between left-space right-space top-space-2x">
<div style="color:#ffa30d; font-size:25px">An</div>
<div data-type="datetimepicker" data-device="timer_Kueche_01"
data-get="TIMESPEC" data-set-value="*$v" data-cmd="modify"
data-step="15"
data-datepicker="false" data-format="H:i"
class="bigger orange"></div>
<div data-type="checkbox" data-device='timer_Kueche'
data-get-on="!off" data-get-off="inactive"
data-set-on="active" data-set-off="inactive"></div>
</div>
<div class="hbox items-space-between left-space right-space top-space-2x">
<div style="color:#ffa30d; font-size:25px">Aus</div>
<div data-type="datetimepicker" data-device="timer_Kueche_01_aus"
data-get="TIMESPEC" data-set-value="*$v" data-cmd="modify"
data-step="15"
data-datepicker="false" data-format="H:i"
class="bigger orange"></div>
<div data-type="checkbox" data-device='timer_Kueche_01_aus'
data-get-on="!off" data-get-off="inactive"
data-set-on="active" data-set-off="inactive"></div>
</div></div></div></div>
<div class="hbox items-space-between left-space-3x right-space">
<font color="Darkorange">Küche</FONT></td><td><font color="Darkorange">Timer</FONT>
</div>
<hr>
<!-- ============ Steckdose Schlafzimmer ============= -->
<div class="hbox">
<div data-type="switch" data-device="PW_Stecker_02_Sw"
data-icon="fa-check" data-on-background-color="DarkGreen" data-off-background-color="lime"
data-set-on="on" class="bigger"></div>
<div data-type="switch" data-device="PW_Stecker_02_Sw"
data-icon="fa-ban" data-off-background-color="DarkRed" data-on-background-color="Red"
data-set-on="off" class="bigger"></div>
<div data-type="popup" data-height="200px" data-width="360px">
<div data-type="switch"
data-device="timer_PW_02"
data-icon="fa-clock-o"
data-background-color-off="orange"
data-set-on=""
data-set-off=""
data-get-on="!off"
data-get-off="inactive"
class="top-space-2x"></div>
<div class="dialog">
<header>Startzeit-Endzeit</header>
<div class="hbox items-space-between left-space right-space top-space-2x">
<div style="color:#ffa30d; font-size:25px">An</div>
<div data-type="datetimepicker" data-device="T_PW_Stecker_02"
data-get="TIMESPEC" data-set-value="*$v" data-cmd="modify"
data-step="15"
data-datepicker="false" data-format="H:i"
class="bigger orange"></div>
<div data-type="checkbox" data-device='timer_PW_02'
data-get-on="!off" data-get-off="inactive"
data-set-on="active" data-set-off="inactive"></div>
</div>
<div class="hbox items-space-between left-space right-space top-space-2x">
<div style="color:#ffa30d; font-size:25px">Aus</div>
<div data-type="datetimepicker" data-device="T_PW_Stecker_02_aus"
data-get="TIMESPEC" data-set-value="*$v" data-cmd="modify"
data-step="15"
data-datepicker="false" data-format="H:i"
class="bigger orange"></div>
<div data-type="checkbox" data-device='T_PW_Stecker_02_aus'
data-get-on="!off" data-get-off="inactive"
data-set-on="active" data-set-off="inactive"></div>
</div></div></div></div>
<div class="hbox items-space-between left-space-2x right-space">
<font color="Darkorange">Schlafzimmer</FONT><font color="Darkorange">Timer</FONT>
</div>
<hr>
<!-- ============ Steckdose Zwischenstecker ============= -->
<div class="hbox">
<div data-type="switch" data-device="Zw_Stecker_01"
data-icon="fa-check" data-on-background-color="DarkGreen" data-off-background-color="lime"
data-set-off="on"
class="bigger"></div>
<div data-type="switch" data-device="Zw_Stecker_01"
data-icon="fa-ban" data-off-background-color="DarkRed" data-on-background-color="Red"
data-set-on="off"
class="bigger"></div>
<div data-type="popup" data-height="200px" data-width="360px">
<div data-type="switch"
data-device="timer_T_Zw_Stecker_01"
data-icon="fa-clock-o"
data-background-color-off="orange"
data-set-on=""
data-set-off=""
data-get-on="!off"
data-get-off="inactive"
class="top-space-2x"></div>
<div class="dialog">
<header>Startzeit-Endzeit</header>
<div class="hbox items-space-between left-space right-space top-space-2x">
<div style="color:#ffa30d; font-size:25px">An</div>
<div data-type="datetimepicker" data-device="T_Zw_Stecker_01"
data-get="TIMESPEC" data-set-value="*$v" data-cmd="modify"
data-step="15"
data-datepicker="false" data-format="H:i"
class="bigger orange narrow">
</div>
<div data-type="checkbox" data-device='timer_T_Zw_Stecker_01'
data-get-on="!off" data-get-off="inactive"
data-set-on="active" data-set-off="inactive">
</div>
</div>
<div class="hbox items-space-between left-space right-space top-space-2x">
<div style="color:#ffa30d; font-size:25px">Aus</div>
<div data-type="datetimepicker" data-device="T_Zw_Stecker_01_aus"
data-get="TIMESPEC" data-set-value="*$v" data-cmd="modify"
data-step="15"
data-datepicker="false" data-format="H:i"
class="bigger orange narrow"></div>
<div data-type="checkbox" data-device='T_Zw_Stecker_01_aus'
data-get-on="!off" data-get-off="inactive"
data-set-on="active" data-set-off="inactive"></div>
</div>
</div></div></div>
<div class="hbox items-space-between left-space right-space">
<font color="Darkorange">Zwischenstecker</FONT><font color="Darkorange">Timer</FONT></div>
<hr>
</li>
in der Fehlerconsole wird mir der Inhalt des angehängten Bildes (1) Angezeigt, daher meine Vermutung das es am Date Time Picker liegt.
wie Bild 2 sollte es aussehen
wie Bild 3 sieht es jetzt aus
Gruß Rolf
das liegt bestimmt am giftigen grellem Grün, da strikt der Bildschirm ;)
Nimm eine Farbe hiervon. Bitte !!!
https://flatuicolors.com
Zum Problem:
am hbox / vbox Zusammenspiel habe ich etwas geschraubt. Es kann dadurch durchaus etwas durcheinander kommen.
So klappt es
<div class="vbox">
<div class="hbox"></div>
<div class="hbox"></div>
<div class="hbox"></div>
</div>
Jede der hbox nimmt bei dir jetzt 100% Höhe ein. Mit dem Einschluss in eine gemeinsame vbox passt es wieder.
Hallo,
@setstate
Danke das wars, habe es gleich geändert das ich das Licht wieder ausschalten kann heute Abend ;D.
Das "giftige" grün gefällt mir so, die anderen Farben sehen mir persönlich zu verwaschen aus. Ich finde das die knöpfe so aussehen wie LED´s.
Aber das muss ja nicht jedem gefallen.
Gruß Rolf
Zitat von: rvideobaer am 11 Dezember 2016, 19:29:18
Das "giftige" grün gefällt mir so, die anderen Farben sehen mir persönlich zu verwaschen aus. Ich finde das die knöpfe so aussehen wie LED´s.
Dann ist's okay. Passt !