(gelöst) Date Time Picker funktioniert nicht ?

[rvideobaer]

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.

Code Auswählen Erweitern

<!-- ============ 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&uuml;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

[setstate]

das liegt bestimmt am giftigen grellem Grün, da strikt der Bildschirm 

Nimm eine Farbe hiervon. Bitte !!!

https://flatuicolors.com

[setstate]

Zum Problem:

am hbox / vbox Zusammenspiel habe ich etwas geschraubt. Es kann dadurch durchaus etwas durcheinander kommen.

So klappt es

Code Auswählen Erweitern

<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.

[rvideobaer]

Hallo,

@setstate
Danke das wars, habe es gleich geändert das ich das Licht wieder ausschalten kann heute Abend .

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

[setstate]

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 !