Verbesserte Vollbilddarstellung

[ledermann]

In der develop-Version ist seit heute (v1.0.2-234) eine verbesserte Darstellung des Vollbildmodus integriert. Der zur Verfügung stehende Platz wird jetzt vollständig ausgenutzt, d.h. es bleibt an den Seiten sowie unten kein weißer Raum mehr und es werde größere Schriftarten verwendet. Aktiviert wird der Vollbild-Modus unverändert über die Seitenleiste bzw. das Hamburger-Icon.

Meinen Tests zufolge funktioniert das überall gut. Ich bin mir aber nicht sicher, ob das auch auf exotischen Displays der Fall ist. Vielleicht können das diejenigen, die so etwas nutzen und sowieso auf dem develop-Branch sind, mal ausprobieren. Mir fallen da @StevieC121176 (Kühlschrank) und @megaholti (Showroom) ein.

Ganz unabhängig von diesem verbesserten Vollbild-Modus gibt es in develop noch ein ähnliches neues Gimmik, mit dem man das Diagramm auf maximale Größe bringen kann:

[StevieC121176]

Kühlschrank probiere ich nachher aus wenn ich zu Hause bin. Die Maximaldarstellung der Diagramme gefällt mir sehr gut. Wäre es möglich in der mobilen Version den horizontalen Modus nur freizugeben wenn man die Diagramme auf maximal hat? So ist es z.Bsp in der Fronius und auch Bosch App. Die anderen Ansichten im horizontalen Modus bringen meiner Meinung nach auf Mobilgeräten eher wenig

[StevieC121176]

Ja gerne

[ledermann]

Ok, ich verstehe. Wir breit ist der Screen? Du hattest früher mal 1080x1920px erwähnt. Ich habe jetzt die Spezialbehandlung für große Screens auf 1280px Mindestbreite angehoben, d.h. auf deinem Kühlschrank wird die Anhebung der Schriftgröße und andere Vergrößerungen jetzt nicht mehr greifen. Siehe v1.0.2-250.

Vermutlich ist dadurch der Vorteil bei der wieder weg, d.h. die Schriften sind so klein wie vorher. Kannst du das bestätigen? Denkbar wäre noch ein anderer Weg, man könnte an der Navigation oben schrauben. Ich probiere da noch etwas aus...

[StevieC121176]

ja Vollbild ist auf dem Kühlschrank 1080x1920 Pixel. Die Schriften sind wieder so klein wie vorher. Da es vorher nur das Statusfeld betroffen hat und alles andere doch Vorteile in der Lesbarkeit geboten hat , würde ich eher zu der Version davor tendieren. Das Statusfeld ist ja nur so lang wegen meiner Wetterdarstellung. Die kann ich aber jetzt auch entsorgen, da du ja einen Schicken Vorhersagescreen eingebaut hast.

Hier nochmal ein Bild mit der .250

[ledermann]

Es ist etwas komplexer, bei einem großen Portrait-Screen fehlt grundsätzlich oben Platz für diese Art der Navigation (also Zeitraumauswahl neben der Subnavigation). Ich habe daher nun etwas mehr umgebaut, sodass dieses Screen-Format explizit unterstützt wird und vom Aufbau dem Smartphone-Layout entspricht (also Subnavigation ganz unten).

Mit v1.0.2-254 dürfte es bei dir nun korrekt aussehen, also große Schrift/Icons im Vollbild-Modus ohne abgeschnittene Text.

[StevieC121176]

Mit der 254 ist es nahezu perfekt. Man kann es auch aus relativ großer Entfernung sehr gut lesen.

[Petra1024]

Der Vollbildmodus funktioniert bei mir auf einen HD-Monitor und auf einen 4K-Fernseher gut und Bildschirmfüllend. War mir bisher nicht bewusst, dass dort die Darstellung anders ist als im Fenstermodus. Da ist im Browserfenster beim Aufziehen auf 1920 Breite wohl das Maximum erreicht auf einen 4K-Display,

[ledermann]

Hier mal der Unterschied auf einem 5K-Display (5120 x 2880) im direkten vVergleich:

Browser	Vollbild

Beide Screenshots haben die gleiche Pixelbreite, das linke ist die normale Browser-Ansicht (erkennbar am Browser-UI drumherum, hier Safari), das andere ist der Vollbild-Modus, wo man nichts mehr vom Browser sieht.

In der normalen Browser-Ansicht ist das SOLECTRUS-Layout auf eine maximale Breite und Höhe begrenzt. Hat man einen großen Monitor und zieht das Fenster immer größer, wirkt sich das nicht auf die Darstellung aus. Neu ist nun seit v1.0.2-234, dass im Vollbild-Modus wirklich alles ausgenutzt wird, das ist eine ganz andere Darstellung.

[megaholti]

Guten Abend, auf meinem Echo Show Geräten mit 12 Zoll unter amazon silk, war die Darstellung immer etwas wackelig, aber es hat sich enorm verbessert. Der Vollbildmodus wird wie immer nicht automatisch aktiviert, aber ist auch nicht mehr nötig. Es gibt keine unnötigen Ränder mehr. Auf meinen Monitoren im Laden war das bisher auch schon, da hier im Hintergrund immer der aktuelle Chrome von den Androidboxen benutzt wurde. Bisher da nix zu meckern und daheim ein echter Sprung nach vorne. Daumen hoch!

[Felliglanz]

Find die Idee toll und auch das man die Ansicht der Graphen vergrößern kann. Ist zwar nicht der Usecase aber wenn ich am Handy in den Vollbildmodus wechsle, sieht es ein wenig merkwürdig aus. Da Du ein Styling-Guru bist (im absolut positiven Sinn!), ist das bestimmt so nicht gewollt oder ? Siehe Screenshot:

Ansonsten finde ich die Möglichkeit Klasse und eine echte Bereicherung!! Danke wie immer 🫶🏼

[ledermann]

Ja, so soll es wirklich nicht aussehen. Liegt vermutlich an Android, wo der Browser meldet, dass er den Vollbild-Modus beherrscht. Bei iOS wird der Menüpunkt gar nicht erst angeboten.

Ich habe das nun korrigiert (mit v1.0.2-248), die vergrößerte Vollbild-Darstellung bewirkt jetzt erst ab einer Mindestbreite eine Änderung.

[Felliglanz]

Passt perfekt, danke Georg 👌🏼

[StevieC121176]

noch eine Kleinigkeit, beim aufgezoomten Diagramm fehlen die Leerzeichen

[ledermann]

Ist in v1.0.2-248 behoben.

[Zeppelin-PV]

super Funktion, Georg !!!
das macht den fully Kiosk Browser eigentlich fast obsolet
dennoch habe ich eine Frage/Bitte
lässt sich die Umschaltfunktion eventuell in die Hauptkopfzeile einfügen ? - das wäre genial !!!
LG Ernst

[ledermann]

Danke, aber offen gestanden möchte ich eine eher selten benötigte Funktion nicht permanent sichtbar als Icon anbieten. Ich weiß, da kann man auch bei anderen Buttons drüber streiten, ich möchte es aber erst mal so belassen, also in der Sidebar.

[ledermann]

Ich habe noch ein paar Dinge geändert, möglicherweise ist es aber noch nicht auf allen Geräten optimal. Wer bei sich auf einem bestimmten Gerät mit der aktuellen Version (momentan v1.0.2-254) eine suboptimale Darstellung hat, den möchte ich bitten, ein Issue anzulegen und dort einen Screenshot hochzuladen, außerdem Browser und Bildschirmgröße (in Pixel) anzugeben, letzteres lässt sich leicht hiermit ermitteln:
https://screensizechecker.com/de/

[norbertle]

Danke für die Funktion. Das ist eine fast unbezahlbare Verbesserung am Rechner.