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

[deta]

@der-eine sagte in [Material Design CSS / MDCSS V2] Vis-Views zur Inspiration:

Hast Du auch wie im ersten Post von mir erwähnt den Namen deines Projektes im Projekt angepasst?

Sorry das ich ggf. Nerve, muss man doch noch was installieren? Projektes? Wie? Ich blick da nicht durch. Hab hin und her gelesen und immer verworrender...
Bis jetzt hab ich nur deine Datei importiert. Klar die start, aber da fehlt einiges. Die Datei project.css finde ich nicht. Denke hier muss doch noch was installiert werden.

[Dominik F.]

@deta

Das ganze ist sehr umfangreich wenn man keine Erfahrung damit hat und man wird schnell erschlagen. Lade die am besten erstmal die Demo von Uhula als Projekt herunter und mach dich damit vertraut. Die Beschreibung, was du dafür machen und ändern musst ist bei github auch erklärt. Es bringt dich nicht weiter nur einzelne Seiten wie die Start zu importieren weil dort Verknüpfungen vorhanden sind zu anderen Seiten.

Lade dir die Demo herunter und folge der Anleitung: (Am besten benennst du das Projekt auch gleich "MD_Demo", dann musst du nichts weiter ändern und kannst sofort die Demo ausprobieren.

3. Installation
Keine. Die CSS Anweisungen müssen lediglich in einem ioBroker.vis Projekt unter "CSS / Projekt" eingefügt werden, die paar Zeilen Script unter "Skript". Beides steht im Ordner source zur Verfügung. Heisst das eigene Projekt nicht MD_Demo, muss anschließend eine Anpassung in der CSS Datei vorgenommen werden:

Der Pfad zum WebFont muss unter @font-face angepasst werden. Dort steht "MD-Demo" drin, hier muss der wirkliche Projektname eingetragen werden. Weitere Einstellungen sind optional:
Das vis Design ist per Vorgabe auf "light"-Theme, also schwarze Schrift auf weißem Grund eingestellt, wer in der vis im "dark"-Theme arbeiten möchte, muss Einstellungen unter ":root / Design time" vornehmen
Wenn einzelne CSS Anweisungen geändert werden sollen, dann nicht im MDUI CSS direkt ändern, sondern die CSS-Anweisung am Ende erneut angepasst einfügen

[Dominik F.]

@deta

Auf der rechten Seite in Vis siehst du die Reiter View, Widget, CSS und Skript. Unter CSS fügst du den Code für projekt.css ein, unter Skript den für Skript.js

Wenn du dir die Demo herunter lädst und einfügst, dann ist das aber schon vorhanden. Du musst nur die Demo als neues Projekt anlegen und richtig benennen.

[deta]

@Dominik-F Jup just the moment gefunden gehabt! Wow. das wird wohl etwas dauern bis ich da durch bin. Danke noch mal jetzt sieht es schon besser aus.

[Dominik F.]

@deta

Sehr gut, arbeite dich erstmal durch die Demo und dann kannst du das später sehr einfach auf dein Projekt anwenden.

[Pittini]

@deta Ich versteh grad nicht so ganz Dein Problem. Du hast doch das HeatingControl Vis Projekt von mir installiert, das ist doch ein vollwertiges Projekt, mit all dem Zeug was Du jetzt versuchst auf die Reihe zu kriegen. Warum nimmst das nicht als Vorlage und baust drauf auf?

[deta]

@Pittini sagte in [Material Design CSS / MDCSS V2] Vis-Views zur Inspiration:

@deta Ich versteh grad nicht so ganz Dein Problem. Du hast doch das HeatingControl Vis Projekt von mir installiert, das ist doch ein vollwertiges Projekt, mit all dem Zeug was Du jetzt versuchst auf die Reihe zu kriegen. Warum nimmst das nicht als Vorlage und baust drauf auf?

Ich brauche was auf dem Handy, und nicht auf dem Desktop.

[Dominik F.]

@deta

Das schöne an mdui css ist ja, dass du es responsive gestalten kannst. Du gehst von der Auflösung von deinem Handy aus und gestatlest es dann so, dass du es für beides nutzen kannst. Du kannst also Pitinis Vorlage für beides nutzen.

[eMd]

@deta
Also ich nutze seine Vorlage auf dem Handy falls ich mal was an den Profilen ändern muss. Das klappt wunderbar...

MfG
eMd

[deta]

@der-eine Hab so langsam den Sinn dahinter verstanden.
Werde mir die Tage das genauer mal alles anschauen. Danke allen erst mal.

[der-eine]

@deta sehr gut. :+1: bei fragen einfach melden.

[mabeca96]

Hat sich erledigt

[der-eine]

@mabeca96 die Werte werden mit influxDB geloggt und mit Grafana visualisiert. Hier eine schriftliche Anleitung:
Blog

oder etwas ausführlich im Video:
Video

Gruß

[der-eine]

Guten Morgen zusammen,

nach einem Umzug und ca. 2 Jahre Pause würde ich gerne meine VIS auf die neuen Gegebenheiten umbauen.
Beim wem von euch läuft immer noch das Material Design CSS von Uhula?
Hat jemand das Kalender Widget von Scrounger integrieren können und läuft bei euch der Message Handler noch?
Den hab ich leider auf die schnell nicht zum laufen gebracht...
Würde mich sehr freuen, wenn hier noch jemand aktiv ist und mich ein wenig unterstützen könnte. :blush:

Danke und einen schönen Start in die neue Woche wünsche ich euch!
VG
der-eine

[sigi234]

@der-eine sagte in [Material Design CSS / MDCSS V2] Vis-Views zur Inspiration:

Guten Morgen zusammen,
nach einem Umzug und ca. 2 Jahre Pause würde ich gerne meine VIS auf die neuen Gegebenheiten umbauen.

Es wird vis-2 geben und Vis wird nicht mehr weiter entwickelt.(soweit ich weis)

https://forum.iobroker.net/topic/67676/vis-2-0-neuer-adapter-als-beta?_=1698020036028

Ob MDCSS oder das Kalender Widget in VIS-2 gehen wird kann nur der jeweilige Entwickler sagen.

[der-eine]

@sigi234 Danke für die Rückmeldung.

Habe schon gehört, dass VIS2 in der Entwicklung ist. Wollte nur meine alte VIS soweit umbauen, damit sie wieder zum Haus passt und soweit nutzen bis es was vergleichbares gibt das mir genau so gut gefällt.

Da es vermutlich kaum einen hier im Forum gibt, der sich so viel mit den unterschiedlichen Projekten der Visualisierung beschäftigt wie Du, weißt Du ob es sowas wie den Message Handler in einem anderen Projekt gibt? Hätte gerne wieder ein Informationssystem mit kleinen Pushnachrichten.

Danke und Gruß

[sigi234]

@der-eine

So was ähnliches gibt es bei Jarvis.

[der-eine]

@sigi234

danke schau ich mir an. :+1: