Jahresrückblick 2025 – unser neuer Blogbeitrag ist online! ✨

[hg6806]

Ich hänge mich mal hier dran.
Ich habe hier zwei Pis mit unterschiedlichen ioBroker Installationen drauf, die aber ursprünglich von einer kamen.
Auf einem Pi hatte ich mal in einem Widget mit den Schriftarten gespielt, jetzt sind aber in allen Views viele verstellt.
Selbst wenn ich von dem anderen Pi ein Widget importiere sieht es anders aus als von dem exportierten.
Wie kann das sein?

[Homoran]

@hg6806 sagte in Schriftarten:

hatte ich mal in einem Widget mit den Schriftarten gespielt,

Wie hattest du das gemacht?
Hattest du ggf. in CSS Klassen geändert?

[hg6806]

Hmmm, eigentlich hatte ich nur im Widget gespielt.
CSS ist global leer, und in Projekt nach wie vor folgendes eingetragen:

.rollotext img {
    display: none;
}
.vis-hq-leftinfo{
display: none;
}

....ist aber bei beiden Pis gleich.

Ich habe mal genauer nachgeschaut, es betrifft ALLE jqui Buttons.
Kann man die Schriften global für die verstellen?

[Homoran]

@hg6806 sagte in Schriftarten:

Kann man die Schriften global für die verstellen?

Nicht die Schriften, aber das Aussehen über das Theme

[hg6806]

Es wird immer seltsamer.
Wenn ich auf ein jqui Button link widget drauf gehe und die Schrift auf large oder bold verstelle, tut sich nichts.

[Homoran]

@hg6806
Mach mal einen Screenshot der Einstellungen

[hg6806]

Hier mal eins mit Medium Schrift und eins mit xx-large und bold.

[Homoran]

@hg6806 sagte in Schriftarten:

Hier mal eins mit Medium Schrift und eins mit xx-large und bold.

Schade - nur ein Ausschnitt :-(

Welches Widget genau?

[hg6806]

Unten links, ist ein jqui Button Link.

Welche Einstellung möchtest du sehen, bekomme halt nicht alles auf einen Screen.

[Homoran]

@hg6806
Ich hoffe ich habe das richtige widget gefunden (gibt zwei davon)

Mach da mal den Haken an

[hg6806]

Mit Haken habe ich halt den puristischen Style.
Nein, das ist es nicht.
Auf dem anderen System kann ich genau den gleichen Button verstellen.
Irgendwas scheint überschrieben zu werden.

[Homoran]

Hier ist noch so ein Thread:
https://forum.iobroker.net/topic/27091/hilfe-jqui-widgets-font-size-eingabefelder-ändern/4

[hg6806]

Seems like a Fehler irgendwo?
Ich habe den Vorteil zwei Systeme zu haben, bei einem ist der Fehler, bei dem anderen nicht.
Unterschiede:
Fehlerhaftes System:
js-controller 2.1.1. Aktuell
VIS Material (+design) Widgets installiert

System ohne Fehler:
js-controller 2.0.39
VIS Material (+design) Widgets NICHT installiert

Vielleicht ist liegts daran.

[hg6806]

Gibt es hier inzwischen eine Lösung?

Ich hatte mal die Material Adapter deinstalliert - keine Besserung.
Dann habe ich von dem fehlerhaften System ein Backup gezogen und auf einen Rock64, denn ich noch rumfliegen hatte aufgespielt.
Fehler ist NICHT da.
Jemand eine Idee?

[michihorn]

@sigi234
Wie heißt denn Deine Schriftart und wie wird das so schön Bunt?
Gruß
Michael

[sigi234]

@michihorn sagte in Schriftarten:

@sigi234
Wie heißt denn Deine Schriftart und wie wird das so schön Bunt?
Gruß
Michael

https://forum.iobroker.net/topic/24108/gelöst-7-segment-anzeige/5

[michihorn]

@sigi234 Ja die Schriftart habe ich installiert, aber wie bekomme ich das so schön bunt wie du. Kannst du mal das Widget posten?

[sigi234]

@michihorn sagte in Schriftarten:

@sigi234 Ja die Schriftart habe ich installiert, aber wie bekomme ich das so schön bunt wie du. Kannst du mal das Widget posten?

Widget habe ich nicht mehr, aber du kannst ja ein Basic Html nehmen und die Schriftfarbe ändern.

[michihorn]

@sigi234 Ich möchte diesen Glow Effekt nachahmen

[sigi234]

@michihorn sagte in Schriftarten:

@sigi234 Ich möchte diesen Glow Effekt nachahmen

In CSS rein kopieren.

/* -----
   glow
   ----- */
.mdui-red-glow {
  filter: drop-shadow(0px 0px 2px #F44336) drop-shadow(0px 0px 2px #F44336) drop-shadow(0px 0px 4px #F44336);
}
.mdui-yellow-glow {
  filter: drop-shadow(0px 0px 2px #FFDB3B) drop-shadow(0px 0px 2px #FFDB3B) drop-shadow(0px 0px 4px #FFDB3B); 
}
.mdui-blue-glow {
  filter: drop-shadow(0px 0px 2px #2B95F3) drop-shadow(0px 0px 2px #2B95F3) drop-shadow(0px 0px 4px #2B95F3) 
}
.mdui-green-glow {
  filter: drop-shadow(0px 0px 2px #4CAF50) drop-shadow(0px 0px 2px #4CAF50) drop-shadow(0px 0px 4px #4CAF50) 
}

Dann unter CSS Klasse zum Beispiel:

mdui-blue-glow