FHEM Forum

FHEM => Frontends => TabletUI => Thema gestartet von: All-Ex am 14 November 2016, 23:20:49

Titel: Homestatus Patch für bessere Positionierung von Icons und Text
Beitrag von: All-Ex am 14 November 2016, 23:20:49
Hallo zusammen,

beim Homestatus Widget sind die Icons und Texte je nach Größe und Textlänge nicht immer korrekt zentriert. Die Abweichungen sind zwar nicht groß, haben mich aber gestört.

Deshalb habe ich die Positionierungs-Berechnung angepasst und die Position mit der Funktion measureText().width dynamisch anhand der tatsächlichen Breite der Icons und Länge des Textes berechnet. Der Patch hängt unten dran.

Getestet habe ich unter Windows auf einem normalen Display und Retina Display mit aktuellem Chrome, Firefox und Edge und auf iOS mit Safari. Ich bin kein Programmierer, aber vielleicht kann das mal jemand testen...

Hier noch Screenshots vorher-nacher auf einem normalen Display und Retina Display.
Titel: Antw:Homestatus Patch für bessere Positionierung von Icons und Text
Beitrag von: Andy89 am 14 November 2016, 23:40:22
Servus,
ich komm die nächsten Tage leider nicht zum Testen, aber die Bilder von dir sprechen mehr als Worte.. Sieht definitiv viel besser aus!!  :)

Beste Grüße
Andy
Titel: Antw:Homestatus Patch für bessere Positionierung von Icons und Text
Beitrag von: setstate am 15 November 2016, 00:36:13
Danke für deine Bemühungen, aber bei mir sieht es leider nachher schlechter aus
Titel: Antw:Homestatus Patch für bessere Positionierung von Icons und Text
Beitrag von: All-Ex am 15 November 2016, 21:37:05
Komisch, ohne den Patch sieht es bei mir etwas durcheinander aus, so wie auch hier beschrieben: https://forum.fhem.de/index.php?topic=57580.0

Von diesem Code habe ich unten zwei Screenshots angehängt:
Im 1. Bild (ohne Patch) sind bei mir Haus und Auto nicht untereinander und die Text nicht zentriert. Mit dem Patch (2. Bild) sieht das für meinen Geschmack besser aus.

<div class="cell top-space" data-type="homestatus" data-device='homestatus' data-get-on='["1","2","3","4"]'
   data-alias='["123","123","123","123"]' data-icons='["fa-home","fa-bed","fa-car","fa-suitcase"]'
   data-height="150" data-width="150">
</div>


Wie sieht das bei Dir aus? Sind die Texte im Homestatus Widget bei noch jemandem versetzt dargestellt?

Viele Grüße,
Alex
Titel: Antw:Homestatus Patch für bessere Positionierung von Icons und Text
Beitrag von: Andy89 am 16 November 2016, 21:40:58
Servus,
bin heute dazu gekommen es mal auszuprobieren.
also bei mir ists auch besser geworden, wie man im Anhang sieht.

Danke!
Beste Grüße
Andy