Monatsrückblick Januar/Februar 2026 ist online!

[TG70]

Hallo,
mir ist es schon immer wieder aufgefallen, dass trotz Zentrierung,
die gleichen Widgets am Engerät nicht gerade angezeigt werden.

So muss ich es einstellen, dass es auf einem iPhone 8 "ziemlich" gerade dargstellt wird:

So sieht es dann am iPhone aus - (immer noch nicht gleich)

Wenn ich es im VIS-Edit zentriere - wirkt es im iPhone einfach nicht gerade und gleichmässig
Hier zentriert im VIS Edit:

Muss aber was mit dem iPhone Engerät zu tun haben - im VIS Windows (Firefox oder Chrome) wird es korrekt
angezeigt ????

[sigi234]

@TG70

Hast du unter Tools die Auflösung angegeben?

[TG70]

@sigi234
Ja habe es so angepasst, dass eben die Inhalte genau auf das iPhone 8 passen.
Aktuell 370*645 - wenn ich das so einstelle, werden die Widget genau im Bereich des roten Hilfs-Rand angezeigt

[sigi234]

@TG70 sagte in Trotz Zentrierung | Widgets nicht gleichmässig auf Endgerät:

Aktuell 370*645 - wenn ich das so einstelle, werden die Widget genau im Bereich des roten Hilfs-Rand angezeigt

Das ist bei mir auch so, da musst du es testen. Der Rote Rand ist nicht 1:1

[TG70]

@sigi234
Meinst du die Auflösung ist nicht korrekt - weil die Auflösung aktuell ja mit dem Endgerät übereinstimmt, was dort
angzeigt wird. Weiß du was ich meine - VIS EDIT und Engerät passen von der Positionierung.

Was hast du im Bereich VIEW eingestellt. Es soll nicht möglich sein, das Bild zu scrollen.

[sigi234]

@TG70

Meiner Meinung nach liegt es am Endgerät.

[TG70]

@sigi234 .. ja auf jeden Fall hast du da Recht. Sonst würde es am VIS-EDIT Windows auch nicht passen.
Was kann ich da machen - sieht ja unschön und unprofessionell aus :)))

[sigi234]

@TG70 sagte in Trotz Zentrierung | Widgets nicht gleichmässig auf Endgerät:

Was kann ich da machen - sieht ja unschön und unprofessionell aus :)))

Responsives Design
Zum Beispiel:
Material Design Widgets kann das.

[TG70]

@sigi234
Was heißt Responsives Design?

Ich habe gerade die kompletten Views auf HQWidgets umgestellt, da ich extreme Probleme
hatte, das beim Viewwechsel der on/off Status der Homematic Aktoren nicht korrekt angezeigt wurden.
Nur mit den HQWidgets sind diese nun korrekt dargestellt.

[sigi234]

@TG70 sagte in Trotz Zentrierung | Widgets nicht gleichmässig auf Endgerät:

Was heißt Responsives Design?

Die View passt sich automatisch dem Endgerät an.

[Latzi]

@TG70 sagte in Trotz Zentrierung | Widgets nicht gleichmässig auf Endgerät:

Was heißt Responsives Design?

schau mal unter https://de.wikipedia.org/wiki/Responsive_Webdesign

[TG70]

Was wäre ein Material Design Widget, mit dem ich einen Wert definieren kann.
Das heißt ich gebe hier einfach den Wert des Heizthermostates 22°C an das Wandthermostat weiter

[OliverIO]

@TG70
Überprüfe die Angaben im Reiter CSS-Allgemein.

1. Schau, das alle 'Elemente dieser Gruppe die gleichen width und height haben
   Die Knöpfe sehen ja auch alle gleich groß aus. Wenn nein, kannst du alle markieren und per Hand den Wert eingeben, so das alle auf den gleichen Wert gesetzt werden
2. Dann schaue, ob alle Elemente dieser Gruppe, die sich in der gleichen horizontalen
   Ebene befinden, den gleichen Wert bei top stehen haben
3. Alle Elemente, die exakt untereinander stehen sollen müssen auch bei left den gleichen Wert haben.

[sigi234]

@TG70 sagte in Trotz Zentrierung | Widgets nicht gleichmässig auf Endgerät:

Was wäre ein Material Design Widget, mit dem ich einen Wert definieren kann.
Das heißt ich gebe hier einfach den Wert des Heizthermostates 22°C an das Wandthermostat weiter

Sollte so gehen.

[TG70]

@OliverIO sagte in Trotz Zentrierung | Widgets nicht gleichmässig auf Endgerät:

@TG70
Überprüfe die Angaben im Reiter CSS-Allgemein.

1. Schau, das alle 'Elemente dieser Gruppe die gleichen width und height haben
   Die Knöpfe sehen ja auch alle gleich groß aus. Wenn nein, kannst du alle markieren und per Hand den Wert eingeben, so das alle auf den gleichen Wert gesetzt werden
2. Dann schaue, ob alle Elemente dieser Gruppe, die sich in der gleichen horizontalen
   Ebene befinden, den gleichen Wert bei top stehen haben
3. Alle Elemente, die exakt untereinander stehen sollen müssen auch bei left den gleichen Wert haben.

Jep 1-3 habe ich natürlich alle gleich gesetzt, also auf px genau gleich. Ich arbeite fast immer mit der direkt Eingabe der Position mit px. Weil sich so die Widget schneller und korrekter positionieren lassen.

[TG70]

@sigi234 sagte in Trotz Zentrierung | Widgets nicht gleichmässig auf Endgerät:

@TG70 sagte in Trotz Zentrierung | Widgets nicht gleichmässig auf Endgerät:

Was wäre ein Material Design Widget, mit dem ich einen Wert definieren kann.
Das heißt ich gebe hier einfach den Wert des Heizthermostates 22°C an das Wandthermostat weiter

Sollte so gehen.

Mit welchem Material Design Widget denn ?? Wie heißt das oder meinst du das kpl Material Design, was ich irgendwo mal gelesen habe ???

[sigi234]

@TG70 sagte in Trotz Zentrierung | Widgets nicht gleichmässig auf Endgerät:

Mit welchem Material Design Widget denn ?? Wie heißt das oder meinst du das kpl Material Design, was ich irgendwo mal gelesen habe ???

https://forum.iobroker.net/topic/26925/test-adapter-material-design-widgets-v0-2-x

[TG70]

@sigi234 ... Genau den habe ich installiert. Du meinst diesen??

[sigi234]

@TG70 sagte in Trotz Zentrierung | Widgets nicht gleichmässig auf Endgerät:

@sigi234 ... Genau den habe ich installiert. Du meinst diesen??

Ja, hast du ihn auch hinzugefügt?

[TG70]

@sigi234 Jep nutze auch schon einige Widget davon.
Mit welchen könnte ich die Temperatur Übergabe an das Wandthermostat realisieren ???