Mobile html Seiten in Gridster integrieren

[choetzu]

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.

Code Auswählen Erweitern

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

[setstate]

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

[Garbsen]

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:

Code Auswählen Erweitern


<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

Code Auswählen Erweitern


<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