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

[Scrounger]

@sigi234
Ja auch für die Bilder:

Bei Bild[1] habe ich folgendes hinterlegt
{"itemImage": "/icons-material-svg/hardware/ic_computer_48px.svg", "subItems": ["/vis/widgets/materialdesign/img/IoBroker_Logo.png", "/icons-material-svg/action/ic_android_48px.svg"]}

was zu folgendem Ergebnis führt:

Für das Objekt 'itemImage' wird das Bild für das "MenuItem" angegeben, im Array 'subItems' dann die Bilder für die einzelnen Unterpunkte, jeweils durch ein Komma getrennt

[sigi234]

@Scrounger sagte in [Neuer VIS-Adpater] Material Design Widgets:

im Array 'subItems' dann die Bilder für die einzelnen Unterpunkte, jeweils durch ein Komma getrennt

Aha, habe ich 6 Unterpunkte muss ich es 6 mal einfügen durch Komma getrennt.

[Scrounger]

@sigi234 sagte in [Neuer VIS-Adpater] Material Design Widgets:

@Scrounger sagte in [Neuer VIS-Adpater] Material Design Widgets:

im Array 'subItems' dann die Bilder für die einzelnen Unterpunkte, jeweils durch ein Komma getrennt

Aha, habe ich 6 Unterpunkte muss ich es 6 mal einfügen durch Komma getrennt.

Korrekt.
Wenn du z.B. bei Unterpunkt 3 kein Bild haben willst, müsstest da dann "" eingeben.

[Oli]

@Scrounger

kann ich auch dem Hauptitem eine Seite zuweisen oder nur den Subitems?

Möchte mir folgende Struktur aufbauen:

1. System1 = System Seite 1

   • Gerät1 = 1. Gerät von Seite 1
   • Gerät2 = 2. Gerät von Seite 1
   • usw.

2. System2 = System Seite 2

   • Gerät20 = 1. Gerät von Seite 2
   • Gerät21 = 1. Gerät von Seite 2
   • usw.

[Scrounger]

@Oli
Nee geht leider nicht, nur den SubItems.

[sigi234]

@Scrounger

Kann man links im Menü die Icon Größe ändern?

[Scrounger]

@sigi234 sagte in [Neuer VIS-Adpater] Material Design Widgets:

@Scrounger

Kann man links im Menü die Icon Größe ändern?

Es gibt keine Einstellung dafür, müsste aber mit CSS überschreiben gehen. Das Icon ist Google Font Icon, d.h. mit css fontsize müsste man es ändern, hab ich aber noch nicht ausprobiert.

[calliou1234]

Hallo,

ich verwende für meine VIS auch den Adapter.
Super Arbeit, vielen Dank dafür!

Aktuell habe ich ein Problem und komme einfach nicht weiter.

Ich muss noch dazusagen, dass ich das Material Design CSS für ioBroker.vis von Uhula nutze.

Ich möchte eigentlich den kompletten Hintergrund schwarz haben.
Das klappt für die Navigationsleisten super, nur der Viewbereich im VIS bleibt immer weiss.

Im VIS Editor ist dieser immer schwarz.

Egal was ich bisher probiert habe, es ändert sich nichts.

Irgendjemand ne Idee?

Grüße
Thomas

[Oli]

@calliou1234

hast du den Hintergrund auf deiner verknüpften Seite schwarz?

[sigi234]

@calliou1234

rgb(0, 0, 0) none repeat scroll 0% 0% / auto padding-box border-box

[Scrounger]

Hab eine vernünftige offline lib gefunden - chartjs.

Wer das BarChart testen möchte, kann sich den aktuellen Master ziehen. Viel Spaß beim konfigurieren, gibt ein paar Einstellungsmöglichkeiten ;)

[dos1973]

@Scrounger
Kurze Frage, hast du mal darüber nachgedacht, das mit dem Submenü umzusetzen... oder steht das auf deiner Planung

Danke

[Oli]

@dos1973

das funktioniert doch schon.

[sigi234]

@Oli sagte in [Neuer VIS-Adpater] Material Design Widgets:

@dos1973

das funktioniert doch schon.

Jupp, sogar sehr gut!

[dos1973]

Ahh, cool.
Tomaten auf den Augen, habe den Screenshot gesehen, aber nicht wahrgenommen.
Ich war einige Tage nicht hier und wollte jetzt am WE damit anfange.

Bombe!!!

Danke,

[sonusfaber]

Da ich noch relativ neu bei ioBroker und vis dabei bin ... es würde mir sehr helfen, wenn ich ein Beispiel zu Benutzung der Material Design Widgets hätte. Ich könnte daraus erkennen, wie die einzelnen views/widgets (e.g. cards) dann verlinkt sind. Wo kann ich das finden?

[lesiflo]

@sonusfaber Schau mal hier -> https://forum.iobroker.net/topic/23917/einfach-mal-zeigen-will-teil-3/62

[sigi234]

@Scrounger sagte in [Neuer VIS-Adpater] Material Design Widgets:

Hab eine vernünftige offline lib gefunden - chartjs.

Wer das BarChart testen möchte, kann sich den aktuellen Master ziehen. Viel Spaß beim konfigurieren, gibt ein paar Einstellungsmöglichkeiten ;)

Super Sache, wie bekomme ich den barvalueappendtext jeweils einzeln?

@Scrounger sagte in [Neuer VIS-Adpater] Material Design Widgets:

gibt ein paar Einstellungsmöglichkeiten

Das ist leicht untertrieben :grinning:

[sigi234]

@Scrounger
@All

Vorschlag:

Eine Sammlung von User-Widget oder Vorlagen wäre Super.

[Scrounger]

@sigi234 sagte in [Neuer VIS-Adpater] Material Design Widgets:

Super Sache, wie bekomme ich den barvalueappendtext jeweils einzeln?

Ist noch nicht implementiert, kommt aber bald da ich das selber für meine Prod-Vis brauche.

@sigi234 sagte in [Neuer VIS-Adpater] Material Design Widgets:

Eine Sammlung von User-Widget oder Vorlagen wäre Super.

Gute Idee, aber dazu mach ich einen extra Thread auf, in Katergorie VIS.
Hier sollen wirklich nur Entwicklungs, Testing- und Fehlerrelevante Themen behandelt werden. Sonst findet ja rigendwann niemand mehr was.

Edit:
Weiß jemand wer die Hoheit über iobroker.click hat?
Mit den entsprechenden Rechten könnte ich da ein kleines Demo-Projekt anlegen ;)