Fehler bei einem HM-LC-Bl1PBU-FM auf dem iPad/iPhone

[maxritti]

Hallo zusammen,

erst mal allen ein gutes neues Jahr 2017.
Auf das alle Eure Wünsche nicht nur in Bezug auf FHEM in Erfüllung gehen

Gestern habe ich mal angefangen das Tablet UI zu integrieren.
Klappt soweit auch ganz gut. Allerdings habe ich gerade mal einen HM-LC-Bl1PBU-FM versucht einzubinden.
Dafür habe ich dieses div definiert.

Code Auswählen Erweitern

<li data-row="1" data-col="2" data-sizex="1" data-sizey="4">
    <header>Rollläden</header>
    <div data-type="slider" data-device="EG_wz_RO_Carport"
      data-min="0"
      data-max="100">
    </div>
</li>
 
Eigentlich ja nichts wildes.
Wenn ich dieses nun allerdings auf dem iPad nutze, kommt folgende Meldung.
 
Auf dem Safari am MacBook gehts ohne Meldung.
Hat dazu jemand eine Idee?

Noch dazu weiss ich auch nicht, warum die Mülltonnen horizontal nicht zentriert sind.
Auch ein <center>...</center> bringt nichts.

Code Auswählen Erweitern

<li data-row="1" data-col="5" data-sizex="1" data-sizey="4">
    <header>Abfall</header>
    <div data-device="myAbfall" data-type="symbol" class="wider"
        data-get="myCalender_RSAGRestmuelltonne4-woe_tage"
        data-icons='["fa-trash warn fa-spin","fa-trash warn"]'
        data-on-colors='["black","black"]'
        data-get-on='["0","2"]'
        data-background-icon="fa-circle">
   </div>
   <div data-device="myAbfall" data-type="symbol" class=wider"   
        data-get="myCalender_RSAGPapiertonne4-woe_tage"
        data-icons='["fa-trash warn fa-spin","fa-trash warn"]'
        data-on-colors='["green","green"]'
        data-get-on='["0","2"]'       
        data-background-icon="fa-circle">
   </div>
   <div data-device="myAbfall" data-type="symbol" class="wider"       
        data-get="myCalender_RSAGBiotonne2-woeinklusiveBuendel-Mitnahme_tage"
        data-icons='["fa-trash warn fa-spin","fa-trash warn"]'
        data-on-colors='["SaddleBrown","SaddleBrown"]'       
        data-get-on='["0","2"]'               
        data-background-icon="fa-circle">
    </div>
   <div data-device="myAbfall" data-type="symbol" class="wider"       
        data-get="myCalender_RSAGWertstofftonneoder-sack4-woe_tage"
        data-icons='["fa-trash warn fa-spin","fa-trash warn"]'
        data-on-colors='["Yellow","Yellow"]'       
        data-get-on='["0","2"]'               
        data-background-icon="fa-circle">
    </div>
</li>


[maxritti]

Das mit dem Fehler hat sich erledigt.
Ich nehme keinen Slide  mehr, der hat eh zuviel Platz weggenommen. 

Hat eventuell jemand zu der Plazierung der Tonnen eine Idee?
Die sind ja nicht wirklich horizontal gleichmässig.
Und wenn ich keinen Knick in der Optik habe, sind die Abstände oben und unter den Tonnen unterschiedlich. 

[setstate]

The <center> tag is not supported in HTML5. Use CSS instead.

So zentriere ich Slider:

Code Auswählen Erweitern


            <li data-row="5" data-col="10" data-sizex="3" data-sizey="3" >
                <header>VERTICAL Alone</header>
                <!-- place your widget here -->
                <div class="center">
                    <div data-type="slider" data-device="dummy1" data-max="100" data-height="45%" class="vertical"></div>
                </div>
            </li>


Wenn man dann noch andere Elemente hinzufügen will, nutz man gleich vbox/hbox

Code Auswählen Erweitern


            <li data-row="1" data-col="10" data-sizex="3" data-sizey="4">
                <header>VERTICAL</header>
                <!-- place your widget here -->
                <div class="vbox items-space-around">
                    <div data-type="label" data-device="MPD1" data-get="elapsed" data-substitution="toMinFromSec()" class=""></div>
                    <div data-type="slider" data-device="dummy1" data-max="100" data-height="45%" class="vertical"></div>
                    <div data-type="label" data-device="MPD1" data-get="elapsed" data-substitution="toMinFromSec()" class=""></div>
                </div>
            </li>


[maxritti]

Danke Dir für die Info.
Das mit der vbox sieht schon mal ganz gut aus.
Nun sind die Tonnen wenigstens schon mal horizontal mittig.

Nur warum ist die letzte Tonne nicht so nah an der 3. Tonne wie die da drüber?
Ich habe schon mal den HTML Code in Notepad kopiert um mögliche Sonderzeichen auszuschliessen.
Dennoch bleibt die letzte Tonne weiter weg. 

Code Auswählen Erweitern

  <li data-row="1" data-col="6" data-sizex="1" data-sizey="5">
    <header>Abfall</header>
    <div class="vbox">
      <div data-device="myAbfall" data-type="symbol" class="wider"
        data-get="myCalender_RSAGRestmuelltonne4-woe_tage"
            data-icons='["fa-trash warn fa-spin","fa-trash warn"]'
        data-on-colors='["black","black"]'
        data-get-on='["0","2"]'
        data-background-icon="fa-circle">
      </div>
      <div data-device="myAbfall" data-type="symbol" class=wider"
            data-get="myCalender_RSAGPapiertonne4-woe_tage"
        data-icons='["fa-trash warn fa-spin","fa-trash warn"]'
        data-on-colors='["green","green"]'
        data-get-on='["0","2"]'
        data-background-icon="fa-circle">
      </div>
      <div data-device="myAbfall" data-type="symbol" class="wider"
        data-get="myCalender_RSAGBiotonne2-woeinklusiveBuendel-Mitnahme_tage"
        data-icons='["fa-trash warn fa-spin","fa-trash warn"]'
        data-on-colors='["SaddleBrown","SaddleBrown"]'
        data-get-on='["0","2"]'
        data-background-icon="fa-circle">
      </div>
      <div data-device="myAbfall" data-type="symbol" class="wider"
            data-get="myCalender_RSAGWertstofftonneoder-sack4-woe_tage"
        data-icons='["fa-trash warn fa-spin","fa-trash warn"]'
        data-on-colors='["Yellow","Yellow"]'
        data-get-on='["0","2"]'
        data-background-icon="fa-circle">
      </div>
    </div>
  </li>

[setstate]

einmal doppelte Hochkomma fehlen

class=wider"

[maxritti]

Autsch.
Danke Dir fürs mit drüber gucken.