Neuer ioBroker-Blog online: Monatsrückblick März/April 2026

[kitzelblitze]

Hallo Liebes Forum,
ich verzweifle gerade an meiner Visualisierung. Es sieht alles wundervoll toll aus. Habe es für ein Iphone und ein Samsung Galaxy optimiert. Ich kann aber im Browser auf dem Handy immer ein Stück weiter nach rechts und nach unten Scrollen. Wie kann ich das Verhindern? Wo kann ich diese Größe einstellen?

Liebe Grüße
Mark

[wendy2702]

@kitzelblitze

Eine Möglichkeit: dein View hat eine höhere Auflösung als deine Endgeräte.

Da wir aber bei iobroker viele verschiedene möglichkeiten zur Visualisierung haben, kann es natürlich auch viele verschiedenen Ursachen haben.

Leider sparst du ziemlich an Informationen um gezieltere Hilfe zu leisten.

[kitzelblitze]

@wendy2702 Vielen Dank erstmal für deine Antwort. Du hast natürlich Recht ein paar Details sollte ich noch liefern. Ich verwende eine VIS Visualisierung Version 1.3.4. In den Viewauflösungen habe ich die gewünschte Breite/Höhe eingestellt. Es erscheinen dann im Editor auch feine orangene Linien, die genau den Bereich abdecken, den ich gerne anzeigen möchte

Starte ich die Visualisierung im Browser auf dem PC (Edge oder Chrome) sieht auch beides korrekt aus, es gibt keine Scrollbars.

Starte ich die Visualisierung auf dem Handy erhalte ich im Edge Browser unten und rechts einen weissen Rand. Auch kann ich die Visualisierung weiter nach unten schieben als gedacht ist:

Im Chrome Browser auf dem Handy erhalte ich nur unten einen weissen Rand, kann aber auch den gesamten View Scrollen:

Ich hoffe ich konnte deinen Wunsch auf mehr Details erfüllen und erhoffe mir nun Hilfe :-)

LG
Mark

[sigi234]

@kitzelblitze

Schau mal nach mit:

widgets basic Screen Resolution

[kitzelblitze]

@sigi234 Hey vielen Dank. Ich habe das Widget jetzt in mein Test-View gezogen und auf dem Handy die Auflösung ermitteln lassen.

Der Screenshot vom Handy (ohne dass ich was verschoben habe) sieht aber so aus:

Irgendwas passt hier doch nicht?

[wendy2702]

@kitzelblitze sagte in Viewbereich fixieren möglich?:

@sigi234 Hey vielen Dank. Ich habe das Widget jetzt in mein Test-View gezogen und auf dem Handy die Auflösung ermitteln lassen.

Dein View Menü ist doch größer als der Maximal sichtbare Bereich. "Debug". Deshalb bekommst du Scrollbalken.

Dein View und Menü muss sich innerhalb der Linien befinden.

[sigi234]

@kitzelblitze

Du solltest auch eine Default View setzen und mit dieser arbeiten.

Und wie @wendy2702 geschrieben hat.

[sigi234]

@kitzelblitze sagte in Viewbereich fixieren möglich?:

Hallo Liebes Forum,
Habe es für ein Iphone und ein Samsung Galaxy optimiert.

Dann musst du 2 Projekte erstellen wenn die Auflösungen nicht gleich sind.

Oder du nimmst ein responsives Design wie Zb.: IQontrol oder Jarvis.

[kitzelblitze]

@wendy2702 Das ist auch ohne Debug so - Debug kommt auch wieder raus (Debuggen sollte ja irgendwann mal nicht mehr nötig sein :-D ).

[kitzelblitze]

@sigi234 Das Iphone ist von meiner Frau, wenn es da komisch rumscrollt ist mir das erstmal gleich - Ich will es erstmal auf meinem Handy so haben, dass nichts rumscrollt.

Ich habe übrigens mal den Fullscreen-Mode ausprobiert - Drücke ich auf den Fullscreen Button ist alles genau so wie ich es haben will. Den Modus muss ich aber selbst starten, oder kann ich Bei Aufruf der Seite sofort in Fullscreen wechseln?

[wendy2702]

@kitzelblitze sagte in Viewbereich fixieren möglich?:

Das ist auch ohne Debug so - Debug kommt auch wieder raus (Debuggen sollte ja irgendwann mal nicht mehr nötig sein

Wir reden schon über das Gleiche? Ich meine den "Debug" eintrag in deiner Menüleiste der über den Rahmen hinausgeht. Auch der Rahmen deiner Menüleiste darf nicht größer sein als dein Feld innerhalb der Orangen Linien. Ein kleiner Pixel außerhalb reicht aus um Scrollbalken zu bekommen.

@kitzelblitze sagte in Viewbereich fixieren möglich?:

Ich habe übrigens mal den Fullscreen-Mode ausprobiert - Drücke ich auf den Fullscreen Button ist alles genau so wie ich es haben will. Den Modus muss ich aber selbst starten, oder kann ich Bei Aufruf der Seite sofort in Fullscreen wechseln?

Du meinst auf dem Handy? Zu mindest auf dem PC oder Linux kann man Google Chrome zum beispiel direkt im "Kiosk" Mode starten bei Aufruf einer URL indem man an diese das hängt:

--kiosk

Ob und wie das bei Android geht kann ich dir nicht sagen aber du könntest mal die iobroker App testen.

[kitzelblitze]

Ich habe im Handy eine Funktion Screenshot + Scrollen um den gesamten Scrollbereich zu screenshotten. Das Ergebnis ist dies: Woher kommt der Weisse untere Bereich?

Das Default Häkchen mit der korrekten Auflösung (orangene Linien) habe ich jetzt mal gesetzt => Kein Unterschied.

?