Hallo,
ich habe seinerzeit meine FTUI an die größe meines Tabletts (12 Zoll)angepasst, was dazu führt das auf meinem PC die Seite nicht den ganz Bildschirm nutzt, das hat mich seiner Zeit nicht gestört, jetzt aber schon irgendwie, hab jetzt das hier https://wiki.fhem.de/wiki/FTUI_Layout_Flex#Weblinks gefunden, allerdings ist mir nicht so richtig klar wie ich das in meine bestehende Seite einbauen kann.
Kann mir vielleicht jemand anhand einer meiner FTUI Seiten zeigen wie es aussehen müsste das es richtig skalliert wird auf allen Devices.
Danke
Keiner einen tip wie ich das umsetzen kann?
Gesendet von iPhone mit Tapatalk
Hallo Tommy82,
ich bin vor einigen Wochen umgestiegen von gridster auf flexbox. Bin in html nicht wirklich fit und habe das meiste durch copy und paste hingekriegt.
Der Link (https://forum.fhem.de/index.php/topic,76306.0.html) hat mir dabei sehr geholfen. Wie ich finde wird das da sehr gut dargestellt.
Durch Deine index.html steige ich nicht wirklich durch. Vielleicht kannst Du mal einen Screenshot posten.
Grüße Fritz
Hi,
danke für den Link werd ich mir mal ansehen, die Index.html stellt die Seite im Anhang bei mir da
Hi,
wenn ich mir von hier https://forum.fhem.de/index.php/topic,76306.0.html den Code der Hauptseite / Hub-Seite (content_home.html) ansehen, dann sehe ich den grundunterschied nur in den beiden <div class="hbox">
<div class="vbox phone-width"> wenn ich diese beiden in meiner index.html in den Body teil einsetzen, kann ich aber in meiner Seite keinen unterschied zu vorher sehen, was mache ich noch falsch?
Ich kann nicht ganz nachvollziehen was Du nun in Deiner index.html geänderst hast. Poste Sie doch hier mal, vielleicht können wir dann weiterhelfen.
Grüße Fritz
Hi, anbei die index.html
Also ich kann in Deiner index.html kein flexbox erkennen. Da ist noch alles auf gridster basierend. Du musst
1. Alles was mit gridster zu tun hat löschen, im head und im body
2. Die jeweiligen gridster boxen ändern auf flexbox cards
3. Dabei das anordnen/füllen der cards dahingehend überdenken -arbeiten, dass die Seite auch auf Deinen anderen Geräten gut angezeigt werden kann.
Grüße Fritz
Hi, steh mir da irgendwie auf dem schlauch was ich genau machen muss.
Wärst du so nett und würdest mir in meiner index.html, ein paar Beispiel änderungen machen, ich glaub dann kann ich es besser nachvollziehen.
Danke