FTUI auf dem Handy

[andreas_r]

Hallo zusammen,

ich würde demnächst gern auf FTUI Version 2 umsteigen und dabei meine Seite auf das Handy optimieren. Dazu eigenet sich meiner Meinung das Gridster Framwork nur bedingt.
Gibt es in der Community schon Erfahrungen, welche Lösung man ggf. alternativ einsetzen kann oder ratet Ihr prinzipiell dazu, bei Gridster zu bleiben?

Viele Grüße,
Andreas

[SamNitro]

Schau mal ob du hier fündig wirst:
https://forum.fhem.de/index.php/topic,47064.0.html

Gruß Patrick

[setstate]

Diese Demo Seite arbeitet auch ohne Gridster

https://github.com/knowthelist/fhem-tablet-ui/blob/master/www/tablet/index_nav_mobil.html

[andreas_r]

Hallo ihr beiden,

danke für die schnelle Antwort. Mir war nicht klar, wie viel es dazu offensichtlich schon gibt. Das ist eine super Ausgangssituation um damit weiter  zu machen.


Viele Grüße,
Andreas

[andreas_r]

Hallo nochmal,

ich habe mich in den letzten Wochen nochmals intensiver mit dem Thema beschäftigt. Wäre es aus Eurer Sicht denkbar, ein anderes Gridsystem statt gridster zu verwenden. Ich denke dabei an das Masonry Framework. Es hat den Vorteil, dass man hier (unter anderem) Kacheln fester Größe definieren kann, die dann sich frei über die Seite verteilen je nach Breite des Devices. Wenn man nun die Kacheln so groß definiert wie die Breite des kleinsten Devices, das man unterstützen will, schaut das Ergebnis immer einigermaßen gut aus.
http://masonry.desandro.com/

Wie würdet Ihr bei so einer Integration vorgehen. Was muss ich mindestens an FTUI  Komponenten bzw. was könnte aus EUrer Sicht dabei Schwierigkeiten machen?

Viele Grüße,
Andreas

[setstate]

Man kann die Gridster-lib einfach aus dem HTML Header rauslöschen und andere Gridsysteme nutzen.
Bootstrap, Masonry, Framework7 ... what ever runterladen und einbinden. Den Widgets ist es egal, worin sie platziert sind.

Schau dir auch meine Flexbox Beispiele an (im github unter examples), die laufen auch ohne Gridster und sind responsive.