Skip to content
  • Home
  • Aktuell
  • Tags
  • 0 Ungelesen 0
  • Kategorien
  • Unreplied
  • Beliebt
  • GitHub
  • Docu
  • Hilfe
Skins
  • Light
  • Brite
  • Cerulean
  • Cosmo
  • Flatly
  • Journal
  • Litera
  • Lumen
  • Lux
  • Materia
  • Minty
  • Morph
  • Pulse
  • Sandstone
  • Simplex
  • Sketchy
  • Spacelab
  • United
  • Yeti
  • Zephyr
  • Dark
  • Cyborg
  • Darkly
  • Quartz
  • Slate
  • Solar
  • Superhero
  • Vapor

  • Standard: (Kein Skin)
  • Kein Skin
Einklappen
ioBroker Logo

Community Forum

  1. ioBroker Community Home
  2. Deutsch
  3. Skripten / Logik
  4. Node-Red
  5. Visualisierung (Dashboard) gestalten & strukturieren

NEWS

  • UPDATE 31.10.: Amazon Alexa - ioBroker Skill läuft aus ?
    apollon77A
    apollon77
    48
    3
    8.4k

  • Monatsrückblick – September 2025
    BluefoxB
    Bluefox
    13
    1
    2.0k

  • Neues Video "KI im Smart Home" - ioBroker plus n8n
    BluefoxB
    Bluefox
    15
    1
    2.5k

Visualisierung (Dashboard) gestalten & strukturieren

Geplant Angeheftet Gesperrt Verschoben Node-Red
node-red
45 Beiträge 8 Kommentatoren 19.3k Aufrufe 8 Watching
  • Älteste zuerst
  • Neuste zuerst
  • Meiste Stimmen
Antworten
  • In einem neuen Thema antworten
Anmelden zum Antworten
Dieses Thema wurde gelöscht. Nur Nutzer mit entsprechenden Rechten können es sehen.
  • D Offline
    D Offline
    dos1973
    schrieb am zuletzt editiert von
    #7

    links in der Leiste nach Navigation suchen...

    F 1 Antwort Letzte Antwort
    0
    • D dos1973

      links in der Leiste nach Navigation suchen...

      F Offline
      F Offline
      frankyboy73
      schrieb am zuletzt editiert von
      #8

      @dos1973 sagte in Visualisierung (Dashboard) gestalten & strukturieren:

      links in der Leiste nach Navigation suchen...

      Hi, also bei mir finde ich nichts mit Navigation und wenn ich im Filter "Navi" eingebe wird mir nichts mehr angezeigt.
      Das einzige was ich gefunden habe ist ui-contol, damit kann ich dann per payload z.B. über Buttons die Tabs aufrufen.

      Schöne Grüße Frank

      1 Antwort Letzte Antwort
      0
      • D Offline
        D Offline
        dos1973
        schrieb am zuletzt editiert von
        #9

        Du hats doch materialdesign widgets drauf, oder? Das menü icon links oben.
        Mach mal ein screenshot vom vis im editor.

        mickymM 1 Antwort Letzte Antwort
        0
        • D dos1973

          Du hats doch materialdesign widgets drauf, oder? Das menü icon links oben.
          Mach mal ein screenshot vom vis im editor.

          mickymM Offline
          mickymM Offline
          mickym
          Most Active
          schrieb am zuletzt editiert von
          #10

          @dos1973 ich glaube Du redest von VIS - hier ging es aber um node-RED und dessen dashboard. ;)

          Jeder Flow bzw. jedes Script, das ich hier poste implementiert jeder auf eigene Gefahr. Flows und Scripts können Fehler aufweisen und weder der Seitenbetreiber noch ich persönlich können hierfür haftbar gemacht werden. Das gleiche gilt für Empfehlungen aller Art.

          1 Antwort Letzte Antwort
          0
          • D Offline
            D Offline
            dos1973
            schrieb am zuletzt editiert von
            #11

            Sorry, hatte das übersehen. Dann bin ich raus.

            1 Antwort Letzte Antwort
            0
            • T Offline
              T Offline
              tomily
              schrieb am zuletzt editiert von
              #12

              @mickym :
              Zunächst mal vielen Dank. Das hat direkt funktioniert und sieht ganz gut aus.
              Kommt lustiger weiße direkt sehr nah, an das Beispiel von Gira. Und ist tausende Euro günstiger =) Damit kann ich erst mal arbeiten und weiter experimentieren :-)
              Überlege auf die "Main" Seite nur Buttons zu plazieren.

              Gibt es eine Übersicht mit den Icons? Da es ja sofort funkitoniert hat, gehe ich davon aus, dass man nichts nachinstallieren muss und die Icons bereits im Default dabei sind?

              Hätte unabhängig vom Dashboard noch eine weitere Idee zum implementieren. Vermutlich müsste ich da einen neuen Thread auf machen?! Schreibe es euch aber trotzdem einfach mal:

              Ich würde in die Beschattung gerne einen Button einbauen, der meine Lamellen der Jalousien schräg stellt, sodass Licht rein kommt. Dazu würde es genügend, die Jalousie um 1% hoch zu fahren.

              Lässt sich folgendes von einem Button ausführen. Idee: Neuer Sollwert = (aktueller Wert) + 1 .
              Dann würde die Jalousie immer um 1% hoch fahren, egal auf welchem Level sie gerade steht.

              Freue mich auf euer Feedback.

              Grüße und schönen Sonntag

              mickymM 1 Antwort Letzte Antwort
              0
              • T tomily

                @mickym :
                Zunächst mal vielen Dank. Das hat direkt funktioniert und sieht ganz gut aus.
                Kommt lustiger weiße direkt sehr nah, an das Beispiel von Gira. Und ist tausende Euro günstiger =) Damit kann ich erst mal arbeiten und weiter experimentieren :-)
                Überlege auf die "Main" Seite nur Buttons zu plazieren.

                Gibt es eine Übersicht mit den Icons? Da es ja sofort funkitoniert hat, gehe ich davon aus, dass man nichts nachinstallieren muss und die Icons bereits im Default dabei sind?

                Hätte unabhängig vom Dashboard noch eine weitere Idee zum implementieren. Vermutlich müsste ich da einen neuen Thread auf machen?! Schreibe es euch aber trotzdem einfach mal:

                Ich würde in die Beschattung gerne einen Button einbauen, der meine Lamellen der Jalousien schräg stellt, sodass Licht rein kommt. Dazu würde es genügend, die Jalousie um 1% hoch zu fahren.

                Lässt sich folgendes von einem Button ausführen. Idee: Neuer Sollwert = (aktueller Wert) + 1 .
                Dann würde die Jalousie immer um 1% hoch fahren, egal auf welchem Level sie gerade steht.

                Freue mich auf euer Feedback.

                Grüße und schönen Sonntag

                mickymM Offline
                mickymM Offline
                mickym
                Most Active
                schrieb am zuletzt editiert von mickym
                #13

                @tomily
                Du solltest Dir mal angewöhnen, die Node Hilfe im Info Register durchzulesen, wenn Du einen Node-Type angeklickt hast.
                Wenn Du einen Button Node nur anklickst nicht in Deinen Flow ziehst und dann auf der info Seite schaust, dann siehst Du dort 3 Links zu den verfügbaren Icons. Wie man Größen etc. ändert musst Du halt bissi googlen.
                Ich hatte die Awesome Icons - in dem Beispiel genutzt, das ich Dir geschickt habe. Bist halt etwas begrenzt mit den Icons. Wenn man da mehr willst - kommt man wahrscheinlich ohne Installation nicht aus.

                Für Dein anderes Problem nimmst Du einfach keinen "iobroker-in" Node, um den aktuellen Status auzulesen. Sondern den iobroker-get node (der hat einen Eingang und Ausgang - über den Eingang wird getriggert, den Ausgang verarbeitest Du weiter), den Du hinter Deinen Button klemmst. Damit liest Du den aktuellen Wert genau dann aus, wenn Du den Button drückst.
                Dann konvertierst in Zahl addierst/subtrahierst halt Deine 1 oder den Betrag, um den Du ändern möchtest, machst noch einen Switch rein, um den Rand auszuschliessen, also Wert größer 0 bevor Du den Wert wieder zurückschreibst.

                Jeder Flow bzw. jedes Script, das ich hier poste implementiert jeder auf eigene Gefahr. Flows und Scripts können Fehler aufweisen und weder der Seitenbetreiber noch ich persönlich können hierfür haftbar gemacht werden. Das gleiche gilt für Empfehlungen aller Art.

                1 Antwort Letzte Antwort
                0
                • T Offline
                  T Offline
                  tomily
                  schrieb am zuletzt editiert von
                  #14

                  Mega! Wäre nicht auf die Idee gekommen, den GET NACH dem Buttonklick einzufügen.
                  Macht aber ja tatsächlich Sinn und funktioniert. Super geil bin Happy und bemerke, dass es am Basiswissen schon scheitert :-/

                  Die Hilfetexte werde ich mir definitiv anschauen!

                  DANKE

                  1 Antwort Letzte Antwort
                  0
                  • T Offline
                    T Offline
                    tomily
                    schrieb am zuletzt editiert von
                    #15

                    Hi zusammen,

                    wollte mich nochmal für eure Hilfe bedanken.

                    Habe mich erst mal für eine Navigationsseite entschieden, die ich dann vom Tablet oder dem Touch an der Wand aufrufen kann:

                    1cc9f65e-6ce8-46db-9cf8-c870d0d4620d-grafik.png

                    mickymM 1 Antwort Letzte Antwort
                    0
                    • T tomily

                      Hi zusammen,

                      wollte mich nochmal für eure Hilfe bedanken.

                      Habe mich erst mal für eine Navigationsseite entschieden, die ich dann vom Tablet oder dem Touch an der Wand aufrufen kann:

                      1cc9f65e-6ce8-46db-9cf8-c870d0d4620d-grafik.png

                      mickymM Offline
                      mickymM Offline
                      mickym
                      Most Active
                      schrieb am zuletzt editiert von
                      #16

                      @tomily Freut mich - schaut ja gar nicht so schlecht aus.

                      Jeder Flow bzw. jedes Script, das ich hier poste implementiert jeder auf eigene Gefahr. Flows und Scripts können Fehler aufweisen und weder der Seitenbetreiber noch ich persönlich können hierfür haftbar gemacht werden. Das gleiche gilt für Empfehlungen aller Art.

                      1 Antwort Letzte Antwort
                      0
                      • T Offline
                        T Offline
                        tomily
                        schrieb am zuletzt editiert von
                        #17

                        Hallo zusammen,

                        ich hätte nochmal einen kurze Nachfrage zu diesem Thema. Vielleicht habt ihr das Thema ja noch abboniert :-)

                        Ich würde gerne bei bestimmten Werten wie z.B. den Türen (oder beim Ping-Monitoring ) die Datum & Zeit angezeigt, an dem der Wert das letzte Mal verändert wurde.

                        Gibt es da ne recht einfache Möglichkeit? Ein Feld "Date last change" im Datenpunkt wäre cool, habe aber nix gefunden.

                        Geschlossen seit xxx am xxx wäre cool:
                        13ba1c3f-0e7d-429a-822c-687a91cb0b9d-grafik.png

                        Freue mich über Feedback.

                        Grüße Tom

                        M mickymM 2 Antworten Letzte Antwort
                        0
                        • T tomily

                          Hallo zusammen,

                          ich hätte nochmal einen kurze Nachfrage zu diesem Thema. Vielleicht habt ihr das Thema ja noch abboniert :-)

                          Ich würde gerne bei bestimmten Werten wie z.B. den Türen (oder beim Ping-Monitoring ) die Datum & Zeit angezeigt, an dem der Wert das letzte Mal verändert wurde.

                          Gibt es da ne recht einfache Möglichkeit? Ein Feld "Date last change" im Datenpunkt wäre cool, habe aber nix gefunden.

                          Geschlossen seit xxx am xxx wäre cool:
                          13ba1c3f-0e7d-429a-822c-687a91cb0b9d-grafik.png

                          Freue mich über Feedback.

                          Grüße Tom

                          M Offline
                          M Offline
                          MiP
                          schrieb am zuletzt editiert von
                          #18

                          @tomily said in Visualisierung (Dashboard) gestalten & strukturieren:

                          Gibt es da ne recht einfache Möglichkeit? Ein Feld "Date last change" im Datenpunkt wäre cool, habe aber nix gefunden.

                          Sollte bei den iventwo widgets gehen ganz unten im Editor bei den Widgeteinstellungen war das glaub ich zum Einstellen. kann nur im Moment nicht nachsehen. Kann ich aber gern am Abend machen.

                          M 1 Antwort Letzte Antwort
                          0
                          • M MiP

                            @tomily said in Visualisierung (Dashboard) gestalten & strukturieren:

                            Gibt es da ne recht einfache Möglichkeit? Ein Feld "Date last change" im Datenpunkt wäre cool, habe aber nix gefunden.

                            Sollte bei den iventwo widgets gehen ganz unten im Editor bei den Widgeteinstellungen war das glaub ich zum Einstellen. kann nur im Moment nicht nachsehen. Kann ich aber gern am Abend machen.

                            M Offline
                            M Offline
                            MiP
                            schrieb am zuletzt editiert von
                            #19

                            @MiP kommando retour. Ich war jetzt gedanklich bei vis. Sorry

                            1 Antwort Letzte Antwort
                            0
                            • T Offline
                              T Offline
                              tomily
                              schrieb am zuletzt editiert von
                              #20

                              Danke trotzdem fürs Antworten.
                              Ich verwende ausschießlich das Node-Red Dasboard.

                              Ich verwende auch den Historyadapter. Dort wird die letzte Aktivität mitgeloggt.
                              Vielleicht wäre dies ein Option. Habe leider keinen Ansatz, wie ich die Zeit aus der Spalte Zeit in ein Textfeld beamen könnte.

                              387feceb-d9ab-4a01-90a6-a27412ce4539-grafik.png

                              1 Antwort Letzte Antwort
                              0
                              • T tomily

                                Hallo zusammen,

                                ich hätte nochmal einen kurze Nachfrage zu diesem Thema. Vielleicht habt ihr das Thema ja noch abboniert :-)

                                Ich würde gerne bei bestimmten Werten wie z.B. den Türen (oder beim Ping-Monitoring ) die Datum & Zeit angezeigt, an dem der Wert das letzte Mal verändert wurde.

                                Gibt es da ne recht einfache Möglichkeit? Ein Feld "Date last change" im Datenpunkt wäre cool, habe aber nix gefunden.

                                Geschlossen seit xxx am xxx wäre cool:
                                13ba1c3f-0e7d-429a-822c-687a91cb0b9d-grafik.png

                                Freue mich über Feedback.

                                Grüße Tom

                                mickymM Offline
                                mickymM Offline
                                mickym
                                Most Active
                                schrieb am zuletzt editiert von mickym
                                #21

                                @tomily

                                Ich melde mich mal wieder.

                                Ich nutze einfach den moment-service um das Datum gleich formatiert zu bekommen.
                                Mit Board-Mitteln ist das aber auch einfach - musst dann halt das Datum selbst formatieren.

                                Mit Board-Mitteln nimmst einfach eine Change Node - ignorierst die Nachricht (msg.payload) und nimmst dann timestamp - als Nachricht für die msg.payload.

                                screen.png

                                Mit dem moment-Service - wie oben angesprochen - kannst Du es halt mit dem Moment- Service formatiert ausgeben:

                                screen.png

                                schaut dann bei mir so aus:

                                screen.png

                                Wenn Du nur Änderungen haben willst und keine Updates musst halt bei Deinem Input Node aufpassen, dass nur Changes eine Nachricht erzeugen oder Du schaltest eine rbe Node dazwischen!

                                Und noch eine kleine Anmerkung zum Schluss: Manchmal gibt der iobroker nicht alle gewünschten Daten aus, es hindert Dich aber nichts daran, node-red zu nutzen, um sie zu erzeugen, wenn Du verstehst was ich meine. ;)

                                Ach übrigens - wenn Du bei Deiner Input Node nicht nur den value ausliest - sondern das ganze Msg-Objekt, dann siehst Du auch den Timestamp der Message (ts) - local Time weiss ich nicht könnte lc sein. val entspricht natürlich dem Wert, den Du auch bekommst, wenn Du Value und nicht Objekt aus Deinem Input - Node extrahierst:

                                screen.png

                                Nun solltest Du also 3 Möglichkeiten haben, um zum gewünschten Ergebnis zu kommen.

                                Jeder Flow bzw. jedes Script, das ich hier poste implementiert jeder auf eigene Gefahr. Flows und Scripts können Fehler aufweisen und weder der Seitenbetreiber noch ich persönlich können hierfür haftbar gemacht werden. Das gleiche gilt für Empfehlungen aller Art.

                                1 Antwort Letzte Antwort
                                0
                                • T Offline
                                  T Offline
                                  tomily
                                  schrieb am zuletzt editiert von
                                  #22

                                  Hey,

                                  erst mal SORRY für die späte Rückmeldung und DANKE für die ausführliche Antwort.

                                  Ich habe etwas gegoogelt und muss nochmal richtig blöd zurück fragen. Der moment-Service klingt gut, allerings habe ich es noch nicht ganz begriffen.

                                  Habe diesen Dienst laut google nach installiert, ist das so richtig?
                                  2b9dfbd1-9aea-4fee-a2d3-87dfc6f54e59-grafik.png

                                  In Node-Red selbst finde ich dies nicht als Node? Welchen Node-Typ hast du in deinem Screenshot?
                                  454d64be-f98a-40ae-a100-01c67d56f039-grafik.png

                                  Stehe vermutlich total auf dem Schlauch

                                  Grüße und vorab schönes Wochenende

                                  mickymM 1 Antwort Letzte Antwort
                                  0
                                  • T tomily

                                    Hey,

                                    erst mal SORRY für die späte Rückmeldung und DANKE für die ausführliche Antwort.

                                    Ich habe etwas gegoogelt und muss nochmal richtig blöd zurück fragen. Der moment-Service klingt gut, allerings habe ich es noch nicht ganz begriffen.

                                    Habe diesen Dienst laut google nach installiert, ist das so richtig?
                                    2b9dfbd1-9aea-4fee-a2d3-87dfc6f54e59-grafik.png

                                    In Node-Red selbst finde ich dies nicht als Node? Welchen Node-Typ hast du in deinem Screenshot?
                                    454d64be-f98a-40ae-a100-01c67d56f039-grafik.png

                                    Stehe vermutlich total auf dem Schlauch

                                    Grüße und vorab schönes Wochenende

                                    mickymM Offline
                                    mickymM Offline
                                    mickym
                                    Most Active
                                    schrieb am zuletzt editiert von mickym
                                    #23

                                    @tomily
                                    Hallo - das ist eine Erweiterung im Node-Red.

                                    Du gehst rechts oben - in Dein Menü (3 Striche) und dann auf Palette verwalten. (Ich hoffe Du hast nicht den neuesten Adapter in der Version 2.0.0 installiert, sonst musst Du wieder über settings.js diesen Eintrag sichtbar machen).

                                    screen.png

                                    Dann gehst Du auf den Reiter "Installieren", suchst nach moment und installierst das Modul - sowie in dem Screen Shot gezeigt.

                                    screen.png

                                    Anschließend hast Du unter Deinen Nodes - 2 neue Typen:

                                    screen.png

                                    Wie dieser Moment Service konfiguriert ist, siehst ja an meinem Screen-Shot unten.

                                    Ich hoffe dass das mit der Kommandozeile kein Fehler war - wenn das nämlich geklappt hätte - dann hättest Du diese neuen Nodes sehen müssen. Die Version und das Modul ist nämlich richtig.

                                    Jeder Flow bzw. jedes Script, das ich hier poste implementiert jeder auf eigene Gefahr. Flows und Scripts können Fehler aufweisen und weder der Seitenbetreiber noch ich persönlich können hierfür haftbar gemacht werden. Das gleiche gilt für Empfehlungen aller Art.

                                    1 Antwort Letzte Antwort
                                    0
                                    • T Offline
                                      T Offline
                                      tomily
                                      schrieb am zuletzt editiert von
                                      #24

                                      Das war jetzt eine Anleitung für Dummies. Genau die habe ich gebraucht :-)
                                      DANKE. Es hat funktioniert und ist exakt das, was ich erreichen wollte :-)

                                      21dc319a-7447-41be-a26f-8051b6d93e65-grafik.png

                                      mickymM 1 Antwort Letzte Antwort
                                      0
                                      • T tomily

                                        Das war jetzt eine Anleitung für Dummies. Genau die habe ich gebraucht :-)
                                        DANKE. Es hat funktioniert und ist exakt das, was ich erreichen wollte :-)

                                        21dc319a-7447-41be-a26f-8051b6d93e65-grafik.png

                                        mickymM Offline
                                        mickymM Offline
                                        mickym
                                        Most Active
                                        schrieb am zuletzt editiert von
                                        #25

                                        @tomily Freut mich, dass es geklappt hat. :)

                                        Der Punkt nach dem Monat fehlt noch. ;)

                                        Jeder Flow bzw. jedes Script, das ich hier poste implementiert jeder auf eigene Gefahr. Flows und Scripts können Fehler aufweisen und weder der Seitenbetreiber noch ich persönlich können hierfür haftbar gemacht werden. Das gleiche gilt für Empfehlungen aller Art.

                                        1 Antwort Letzte Antwort
                                        0
                                        • T Offline
                                          T Offline
                                          tomily
                                          schrieb am zuletzt editiert von
                                          #26

                                          Schon korrigiert :-) Danke =)

                                          Werde noch die Formatierungen und den Aufbau etwas schöner gestalten. Jedenfalls ist es jetzt schon mal funktionell.
                                          Nochmals besten Dank!

                                          Zwischenstand =)
                                          3f319cc0-7b9c-4e1b-8e6b-8f1f9a66ae96-grafik.png

                                          1 Antwort Letzte Antwort
                                          0
                                          Antworten
                                          • In einem neuen Thema antworten
                                          Anmelden zum Antworten
                                          • Älteste zuerst
                                          • Neuste zuerst
                                          • Meiste Stimmen


                                          Support us

                                          ioBroker
                                          Community Adapters
                                          Donate

                                          537

                                          Online

                                          32.4k

                                          Benutzer

                                          81.4k

                                          Themen

                                          1.3m

                                          Beiträge
                                          Community
                                          Impressum | Datenschutz-Bestimmungen | Nutzungsbedingungen | Einwilligungseinstellungen
                                          ioBroker Community 2014-2025
                                          logo
                                          • Anmelden

                                          • Du hast noch kein Konto? Registrieren

                                          • Anmelden oder registrieren, um zu suchen
                                          • Erster Beitrag
                                            Letzter Beitrag
                                          0
                                          • Home
                                          • Aktuell
                                          • Tags
                                          • Ungelesen 0
                                          • Kategorien
                                          • Unreplied
                                          • Beliebt
                                          • GitHub
                                          • Docu
                                          • Hilfe