FHEM Forum

FHEM => Frontends => TabletUI => Thema gestartet von: choetzu am 08 Januar 2017, 16:13:32

Titel: Mobile html Seiten in Gridster integrieren
Beitrag von: choetzu am 08 Januar 2017, 16:13:32
Hallo,

ich nutze mein FTUI hauptsächlich im Mobile Bereich. Dabei arbeite ich mit dem footer, siehe Beispiel Anlage (Bild).

Nun möchte ich die einzelnen HTML Seiten auch für mein Tablet im Gridster integrieren, siehe ebenfalls Bild. Also, die Übersicht in ein

<li> ....</li> packen. Doch wie muss ich das machen, damit das funktioniert?

So geht das schonmal nicht.

<li data-row="2" data-col="3" data-sizex="6" data-sizey="6">
    <header>Temps</header>
    <div class="page"
                data-url="tom_temp.html"
                class="">
            </div>


Danke für die Hilfe.
Titel: Antw:Mobile html Seiten in Gridster integrieren
Beitrag von: setstate am 09 Januar 2017, 09:00:58
Mit einer Regerenz auf eine HTML Datei klappt das nicht. Du muss alle <div> direkt von der mobilen Seite in die neue Seite kopieren. Oder du benutzt pagebutton oder das link-widget, um Page-Teile nachzuladen. Siehe Examples im Github
Titel: Antw:Mobile html Seiten in Gridster integrieren
Beitrag von: Garbsen am 02 Februar 2017, 09:07:15
Moin

Ich habe mir die meisten Inhalte in separate html oder Header gespeichert und binde die über templates in die eigentlichen Seiten ein, das spart Doppelarbeit für verschiedene Layouts

Beispiel für das Template:

<div data-type="image"
      data-size="90%"
      data-url="http://www.dwd.de/DWD/wetter/aktuell/deutschland/bilder/wx_deutschland.jpg">
</div>




Beispiel für das Einbinden auf die eigentliche Seite


<li data-row="10" data-col="1" data-sizex="11" data-sizey="5" data-template="inc_wetter_heute.html"></li>


Macht natürlich für ein so einfaches Template nicht so viel Sinn, geht aber auch mit komplexeren Templates