Neuer Blogbeitrag: Monatsrückblick - Dezember 2025 🎄

[dos1973]

@Scrounger
Prinzipiell, verstanden habe ich es und finde den Ansatz auch gut und richtig.

Aber die Auswirkungen kann ich einfach nicht steuern.
Du hast es gebaut, für dich wahrscheinlich simpel und logisch, aber dadurch dass der Effekt auf eine vielzahl Widgets durchschlägt ist es nicht nachvollziehbar .

Im vis habe ich klare Abgrenzungen, Bei Dir hat ein Wert Auswirkung auf die verschiedenen Widgets.

Ich würde immer noch dafür plädieren, pro Widget die möglichen Farben definieren, dann sind alle widgets/Typ gleich formatiert.
Kann ja noch immer ein „Übernehme für alle vom Typ des Widgets“ Knopf geben...

Kannst du nochmals erklären was Primär/ Sekundärfarben sind.

Noch eine Frage:

Wenn ich jetzt ein neues Vis, mit komplett neuem Farbdesign machen möchte, wie würde das gehen? Eine neue Instanz anlegen ging nucht

[Scrounger]

@dos1973 sagte in Test Adapter Material Design Widgets v0.4.0-beta:

Kannst du nochmals erklären was Primär/ Sekundärfarben sind.

Primäre und Sekundäre Farbe gibt es nur bei den Button und Button Vertical. Hintergrund ist, dass man für die Buttons 4 verschiedene Styles auswählen kann (raised, unelevated, outlined und text).
Damit ich nicht für jeden Sytle extra Farben erstellen musste, habe ich Primäre und Sekundäre Farbe eingebaut. Beim Style raised und unelevated ist die Primäfarbe Hintergrund, Sekundärfarbe ist Schrift und Click Farbe. Beim Style outlined und text ist Primärfarbe dann Text, Click und Rand, Sekundär wird nicht verwendet.

Bsp: Primärfabre blau, Sekundärfarbe weiß

@dos1973 sagte in Test Adapter Material Design Widgets v0.4.0-beta:

Ich würde immer noch dafür plädieren, pro Widget die möglichen Farben definieren, dann sind alle widgets/Typ gleich formatiert.
Kann ja noch immer ein „Übernehme für alle vom Typ des Widgets“ Knopf geben...

Genau das gibt es doch:

@Scrounger sagte in Test Adapter Material Design Widgets v0.4.0-beta:

Standard Farben Widgets zuweisen:
Über die Buttons 0-11 können gezielt einzelnen Widgets die oben definierten standard Farben zugewiesen werden.

Wie du siehst ändert sich hier nur die Farben der Default Buttons, nicht die vom den vertical Buttons

individuelle Farben Widgets zuweisen:
Alternativ kann man den Widgets auch eigene Farben zuweisen, unabhängig von den oben definierten standard Farben

Ich schätze dich irritiert das z.B. Button State & Button Toggle das gleiche Theme verwenden?
Das sind auch gleiche Widgets, nur mit unterschiedlichen Funktionen. Ein Theme ist dazu da das Layout von gleichen Elementen z.B. Buttons einheitlich zu steuern, ganz unabhängig von der Funktion.

[tobasium]

@Oli hast du das Darstellungsproblem im Icon List Widget gelöst. Ich steh auf dem schlauch. Mir geht's genauso.

[tobasium]

@Scrounger , ich habe das gleiche Problem wie Oli weiter oben.
ich gebe unter CSS Allgemein die Höhe an normalerweise sollte dann der scrollbalken erscheinen aber Pustekuchen.

Folgende Ansichten sind davon betroffen:
Adapter Status
UniFi Netzwerk Status

Vor dem Update auf die 0.4 ging dies noch.

[Oli]

@tobasium
Ich konnte das Problem leider noch nicht lösen

[Scrounger]

@Oli sagte in Test Adapter Material Design Widgets v0.4.0-beta:

@tobasium
Ich konnte das Problem leider noch nicht lösen

D.h bei dir ist auch das Problem das die scroll Bär nicht angezeigt wird? Höhe einstellen geht?

[Oli]

@Scrounger
Ja genau, siehe Poste: https://forum.iobroker.net/topic/39522/test-adapter-material-design-widgets-v0-4-0-beta/63
Consoleneinträge: https://forum.iobroker.net/topic/39522/test-adapter-material-design-widgets-v0-4-0-beta/67

[Scrounger]

@Oli, @tobasium

@tobasium sagte in Test Adapter Material Design Widgets v0.4.0-beta:

ich gebe unter CSS Allgemein die Höhe an normalerweise sollte dann der scrollbalken erscheinen aber Pustekuchen.

Sollte behoben sein, aktuelle version von github bitte testen.

[tobasium]

@Scrounger Leider immer noch gleich, keine Veränderung.

[Scrounger]

@tobasium
Upload des vis Adapter durchgeführt? Bzw iob neu gestartet?

[tobasium]

@Scrounger ich hab es eben sicherheitshalber noch einmal getestet.

Update via github
Upload
Iobroker neustart

keine Veränderung.

[Scrounger]

@tobasium

Also ich kann den Fehler jetzt nicht mehr reproduzieren, d.h. fix müsste gehen.

• Browser cache gelöscht?
• upload vom vis Adapter gemacht? (nicht MDW Adapter!)
• overflow-x / -y mal raus genommen und wieder gesetzt?
• Widget löschen und neu erstellen?

[tobasium]

@Scrounger also overflow-x / -y mal raus genommen und wieder gesetzt? --> war die Lösung.

Vielen Dank.

[Nashra]

@tobasium sagte in Test Adapter Material Design Widgets v0.4.0-beta:

@Scrounger Leider immer noch gleich, keine Veränderung.

Moin, ist das ein Script von dir @tobasium und würdest Du dies zur verfügung stellen?

[Oli]

@Nashra
Schau mal hier:

https://forum.iobroker.net/topic/30662/material-design-widgets-skript-status

[Nashra]

@Oli sagte in Test Adapter Material Design Widgets v0.4.0-beta:

@Nashra
Schau mal hier:

https://forum.iobroker.net/topic/30662/material-design-widgets-skript-status

Boah das ist mir wohl durchgegangen, die Skripte für die Adapter und Unifi hatte ich ja
Aber das Skript habe ich echt übersehen. :-(
@Oli danke für den Link

[Scrounger]

@Nashra sagte in Test Adapter Material Design Widgets v0.4.0-beta:

Boah das ist mir wohl durchgegangen, die Skripte für die Adapter und Unifi hatte ich ja

https://github.com/Scrounger/ioBroker.vis-materialdesign#practical-examples ;-)

[JB_Sullivan]

kann es sein, das dass neueste Update auf 0.4.1 nicht mit dem Admin 4.1.12 harmoniert? Es läßt sich nämlich nicht installieren.

Klickt man auf das aktualisieren Icon, scheint sich im Hintergrund von der Admin Adapter Liste ein Fenster zu öffnen, welches man aber nicht zu sehen bekommt.

So sieht die Adapter Listen Darstellung aus ohne den Update Versuch .....

.... und hier nach anklicken des Aktualisierungs Icon. Auf der Linken Seite ist ein schwarzer Rand zu erkennen - das ist das meiner Meinung nach das versteckte Fenster.

Achso - Browser ist Chrome in seiner aktuellen Version.

So unter Edge konnte ich mit komplett anderen Einstellungen das Fenster sehen, was aber RatzFatz mit einer Fehlermeldung verschwunden ist.

Irgend etwas funktioniert da nicht richtig.

Kleiner Nachtrag, bin ioBroker Nutzer unter Win10

[sigi234]

@JB_Sullivan sagte in Test Adapter Material Design Widgets v0.4.0-beta:

Irgend etwas funktioniert da nicht richtig.

https://forum.iobroker.net/topic/38558/vis-google-fonts-benötigt

[dos1973]

@Scrounger

nochmals eine kurze Frage oder ggfs hast du eine Idee zum light / dark Hintergrund.

ich hatte erst die normalen Basic Border verwendet und dort die Strings für den Farbwechsel hinzugefügt, das klappt auch, aber das wird leider nur in der Runtime, nicht im Editor dargestellt, dann ist es schwer, mit weißen Hintergrund und hellen Schriften etc das zu bearbeiten.

Jetzt nehmen ich die MD-HTML Card, da klappt es auch in der Runtime mit der Farbdarstellung.

Frage:
könntest du für die MD HTML Card auch einen Modus "unelevated" bereitstellen, da sonst immer ein schatten dargestellt wird. oder gibts eine Trick? geht mir nur um den Schatten

Danke

edit:
habe es selbst finden können. in den css Setting bei box shadow "0px 0px 0px"