Monatsrückblick Januar/Februar 2026 ist online!

[Würfel]

Moin,
ich baue mir gerade eine VIS zusammen.

Ich hab dafür eine bestehende VIS bekommen und ändere die gerade auf meine Vorstellungen.

Auf dem PC Monitor sieht alles soweit schick aus, auch die Felder der einzelnen Widgets mit Werten drin sehen gut aus.

Nun möchte ich die Views unteranderem auf einem Ipad nutzen.

Hab mir dafür die app Kiosker runtergeladen wo man Full Screen anzeigen lassen kann und auch einen Zoom einstellen kann.

Meine Problem ist nun, ich habe die Auflösung des Ipad als Auflösung im Vis Editior genommen.
Trotzdem passt mein Inhalt nicht auf den Bildschirm des Ipads. Hinzu kommt das in der Breite ein Bereich nicht die ausgewählte Farbe hat und weiß ist.
Hinzu kommt das manche Widgets unten abgeschnitten sind, sprich die Zahlen sind nur zu einem Teil sichtbar. Das kann ich durch ändern des entsprechenden Widgets im Editor anpassen können, aber ich vermute das ist nicht Sinn der Sache...

Da ich nun eigentlich noch ein anderes Tablet nutzen will, und ich zuviel in der App mit dem Zoom, im Editor mit der Auflösung rumspiele wollte ich Euch fragen wie gehe ich da am besten vor? Welche Auflösung nutze im Editor und wie bekomme ich das aufm tablet passend?

Aktuell habe ich im Editor 2200px * 1836px eingestellt da ich dort auch schon etwas hin und her probiert habe.

Vielen Dank für Eure Tipps zu dem Thema :blush:

[crunchip]

@würfel sagte in VIS Auflösung, wie am besten auswählen und anpassen:

Aktuell habe ich im Editor 2200px * 1836px eingestellt da ich dort auch schon etwas hin und her probiert habe

es gibt das widget, welches dir die Auflösung anzeigt

[ice987]

@würfel

Evtl. wäre der Ansatz mit dem Binding local_* eine Lösung. Im Demo wird die Poition der Widgets mit calc() errechnet. Somit ist die Auflösung egal und kann leer gelassen werden.

Demo

Demo benötigt ioBroker.vis-materialdesign

[Würfel]

@ice987

Kann die Demo leider nicht importieren...

@crunchip
Das Widget ist interessant, es zeigt auf dem Ipad eine andere Auflösung an als die ich im Internet gefunden habe.

Nur bleibt die Frage, welche Auflösung nehmen.
Eigentlich hat die Auflösung nur einen Einfluss auf den Roten Rahmen der erscheint und zeigt was ich bei dem jeweiligen Gerät bei aufrufen ohne den Ausschnitt zu verkleinern sehe würde.
Mehr Auswirkung hat die Einstellung nicht oder sehe ich das falsch?

Danke

[crunchip]

@würfel sagte in VIS Auflösung, wie am besten auswählen und anpassen:

Nur bleibt die Frage, welche Auflösung nehmen

Die angezeigt wird im Widget

[Würfel]

@crunchip
Das sind nur leider min 2 verschiedene...

[crunchip]

@würfel wieso 2 verschiedene, es wird DIE EINE Auflösung angezeigt auf dem jeweiligen Gerät

[Wildbill]

@crunchip Je nachdem, ob man es hochkant oder quer hält sind es zwei. :-)
SCNR.

@Würfel Das Widget zeigt Dir die Auflösung an, in der die Seite dargestellt wird. Die hat nichts mit der tatsächlichen Auflösung des Geräts zu tun, da Browser im Normalfall mit einem Zoomfaktor arbeiten. Wenn Du die Vis-Seite exakt bildschimrfüllend haben willst, ohne manuell zoomen oder verkleinern zu müssen, so stellst Du in Vis genau die Auflösung ein, die das Widget Dir anzeigt.

Gruss, Jürgen

[liv-in-sky]

@würfel

das wird mit der vis 1 nicht so einfach funktionieren - du brauchst dann ein responsive design .

ich glaube , dass soll in die vis 2 integriert werden und es gibt auch noch andere projecte die das hier können - ich nutze das nicht, daher kann ich dir nicht sagen, wer wo wie das gemacht wird

suche einfach im forum danach: responsive design

[Würfel]

@crunchip
2 verschiedene Tablets, 2 verschiedene Displayauflösungen...

[Wildbill]

@würfel Dann brauchst Du auch zwei verschieden VIS-Seiten, wenn beide Geräte das bildschimrfüllend machen sollen. Oder Du verwendest einen Browser wie z.B. Fully Kiosk und arbeitest da mit einem festen Zoom-Faktor pro Gerät.

Gruss, Jürgen

[crunchip]

@würfel deshalb schrieb ich ja

@crunchip sagte in VIS Auflösung, wie am besten auswählen und anpassen:

es wird DIE EINE Auflösung angezeigt auf dem jeweiligen Gerät

wie schon geschrieben,
entweder
responsive design, oder für jedes Gerät eine eigene View/Projekt