Skip to content
  • Recent
  • Tags
  • 0 Unread 0
  • Categories
  • Unreplied
  • Popular
  • 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

  • Default (No Skin)
  • No Skin
Collapse
Logo
  1. ioBroker Community Home
  2. Deutsch
  3. Visualisierung
  4. Visualisierung mit Node Red erstellen

NEWS

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

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

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

Visualisierung mit Node Red erstellen

Scheduled Pinned Locked Moved Visualisierung
4.8k Posts 4 Posters 2.5m Views 4 Watching
  • Oldest to Newest
  • Newest to Oldest
  • Most Votes
Reply
  • Reply as topic
Log in to reply
This topic has been deleted. Only users with topic management privileges can see it.
  • Damrak2022D Damrak2022

    @mickym Irgendwo scheine ich was verdreht zu haben, denn wenn ich nach Deinem Screenshot verkabelt, klappt es noch nicht

    mickymM Online
    mickymM Online
    mickym
    Most Active
    wrote on last edited by
    #2906

    @damrak2022 Nicht rumprobieren - logisch denken. 😉 - Oben haben wir dass Ready ist, wenn das Ergebnis false ist. Nicht ready wenn true rauskommt. Bei true ist ja noch ein Gerät eingeschaltet.

    Unten ist es umgekehrt. Es ist alles in Ordnung wenn true und Warnung wenn false. Schreib Dir halt nochmal auf, was wir mit ODER und UND verknüpft haben und was Sinn der Sache ist.

    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.

    Damrak2022D 1 Reply Last reply
    0
    • mickymM mickym

      @damrak2022 Nicht rumprobieren - logisch denken. 😉 - Oben haben wir dass Ready ist, wenn das Ergebnis false ist. Nicht ready wenn true rauskommt. Bei true ist ja noch ein Gerät eingeschaltet.

      Unten ist es umgekehrt. Es ist alles in Ordnung wenn true und Warnung wenn false. Schreib Dir halt nochmal auf, was wir mit ODER und UND verknüpft haben und was Sinn der Sache ist.

      Damrak2022D Offline
      Damrak2022D Offline
      Damrak2022
      wrote on last edited by
      #2907

      @mickym Ja, allerdings habe ich true und false jetzt scho so oft von oben nach unten gewechselt, das ich mir das nochmal ganz in Ruhe anschauen muss.

      Mit besten Grüßen
      Andy

      mickymM 1 Reply Last reply
      0
      • Damrak2022D Damrak2022

        @mickym Ja, allerdings habe ich true und false jetzt scho so oft von oben nach unten gewechselt, das ich mir das nochmal ganz in Ruhe anschauen muss.

        mickymM Online
        mickymM Online
        mickym
        Most Active
        wrote on last edited by mickym
        #2908

        @damrak2022 Nochmal hänge eine Debug Node an die letzte JOIN Node und schau was rauskommt. - Poste den Flow. Wenn Du nicht durchblickst musst Du Schritt für Schritt durchgehen.

        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.

        Damrak2022D 1 Reply Last reply
        0
        • mickymM mickym

          @damrak2022 Nochmal hänge eine Debug Node an die letzte JOIN Node und schau was rauskommt. - Poste den Flow. Wenn Du nicht durchblickst musst Du Schritt für Schritt durchgehen.

          Damrak2022D Offline
          Damrak2022D Offline
          Damrak2022
          wrote on last edited by
          #2909

          @mickym Bitte
          Bildschirm­foto 2022-12-27 um 23.22.18.png

          Bei beiden Switch Nodes steht true oben

          Mit besten Grüßen
          Andy

          mickymM 1 Reply Last reply
          0
          • Damrak2022D Damrak2022

            @mickym Bitte
            Bildschirm­foto 2022-12-27 um 23.22.18.png

            Bei beiden Switch Nodes steht true oben

            mickymM Online
            mickymM Online
            mickym
            Most Active
            wrote on last edited by mickym
            #2910

            @damrak2022 OK - ich sehe schon den Fehler. Lösch mal die Labels aus Deinen TextNodes raus. Und mach noch die beiden Nodes rein. Die Label müssen wegen dem Blinken in extra Nodes, also die Labels rausmachen und im Dashboard immer eine Label Node und eine Node mit dem Value getrennt.

            [
               {
                   "id": "415e6037041bc923",
                   "type": "ui_text",
                   "z": "289f539dcc33814e",
                   "group": "57f13d6f733e5c9d",
                   "order": 4,
                   "width": "4",
                   "height": "1",
                   "name": "",
                   "label": "Überwachte Geräte",
                   "format": "{{msg.payload}}",
                   "layout": "row-spread",
                   "className": "",
                   "x": 4810,
                   "y": 3500,
                   "wires": []
               },
               {
                   "id": "96f001d18a893ff5",
                   "type": "ui_text",
                   "z": "289f539dcc33814e",
                   "group": "57f13d6f733e5c9d",
                   "order": 6,
                   "width": "4",
                   "height": "1",
                   "name": "",
                   "label": "Ready to go?",
                   "format": "{{msg.payload}}",
                   "layout": "row-spread",
                   "className": "",
                   "x": 4810,
                   "y": 3460,
                   "wires": []
               },
               {
                   "id": "57f13d6f733e5c9d",
                   "type": "ui_group",
                   "name": "Test",
                   "tab": "20b3095113f94d70",
                   "order": 2,
                   "disp": true,
                   "width": "6",
                   "collapse": false,
                   "className": ""
               },
               {
                   "id": "20b3095113f94d70",
                   "type": "ui_tab",
                   "name": "Home",
                   "icon": "dashboard",
                   "order": 1,
                   "disabled": false,
                   "hidden": false
               }
            ]
            

            So muss dass dann im Dashboard aussehen:

            92543853-282d-46ce-ba97-3acb78f020fe-image.png

            Die beiden Nodes - die statisch nur das Label enthalten werde nicht verkabelt.

            39d1a462-5142-4367-b2ca-40dd58f68c88-image.png

            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.

            Damrak2022D mickymM 3 Replies Last reply
            0
            • mickymM mickym

              @damrak2022 OK - ich sehe schon den Fehler. Lösch mal die Labels aus Deinen TextNodes raus. Und mach noch die beiden Nodes rein. Die Label müssen wegen dem Blinken in extra Nodes, also die Labels rausmachen und im Dashboard immer eine Label Node und eine Node mit dem Value getrennt.

              [
                 {
                     "id": "415e6037041bc923",
                     "type": "ui_text",
                     "z": "289f539dcc33814e",
                     "group": "57f13d6f733e5c9d",
                     "order": 4,
                     "width": "4",
                     "height": "1",
                     "name": "",
                     "label": "Überwachte Geräte",
                     "format": "{{msg.payload}}",
                     "layout": "row-spread",
                     "className": "",
                     "x": 4810,
                     "y": 3500,
                     "wires": []
                 },
                 {
                     "id": "96f001d18a893ff5",
                     "type": "ui_text",
                     "z": "289f539dcc33814e",
                     "group": "57f13d6f733e5c9d",
                     "order": 6,
                     "width": "4",
                     "height": "1",
                     "name": "",
                     "label": "Ready to go?",
                     "format": "{{msg.payload}}",
                     "layout": "row-spread",
                     "className": "",
                     "x": 4810,
                     "y": 3460,
                     "wires": []
                 },
                 {
                     "id": "57f13d6f733e5c9d",
                     "type": "ui_group",
                     "name": "Test",
                     "tab": "20b3095113f94d70",
                     "order": 2,
                     "disp": true,
                     "width": "6",
                     "collapse": false,
                     "className": ""
                 },
                 {
                     "id": "20b3095113f94d70",
                     "type": "ui_tab",
                     "name": "Home",
                     "icon": "dashboard",
                     "order": 1,
                     "disabled": false,
                     "hidden": false
                 }
              ]
              

              So muss dass dann im Dashboard aussehen:

              92543853-282d-46ce-ba97-3acb78f020fe-image.png

              Die beiden Nodes - die statisch nur das Label enthalten werde nicht verkabelt.

              39d1a462-5142-4367-b2ca-40dd58f68c88-image.png

              Damrak2022D Offline
              Damrak2022D Offline
              Damrak2022
              wrote on last edited by
              #2911

              @mickym Moment

              Mit besten Grüßen
              Andy

              Damrak2022D 1 Reply Last reply
              0
              • Damrak2022D Damrak2022

                @mickym Moment

                Damrak2022D Offline
                Damrak2022D Offline
                Damrak2022
                wrote on last edited by
                #2912

                @damrak2022 Labels sind raus.
                Bildschirm­foto 2022-12-27 um 23.33.04.png Bildschirm­foto 2022-12-27 um 23.30.44.png

                Mit besten Grüßen
                Andy

                Damrak2022D 1 Reply Last reply
                0
                • mickymM mickym

                  @damrak2022 OK - ich sehe schon den Fehler. Lösch mal die Labels aus Deinen TextNodes raus. Und mach noch die beiden Nodes rein. Die Label müssen wegen dem Blinken in extra Nodes, also die Labels rausmachen und im Dashboard immer eine Label Node und eine Node mit dem Value getrennt.

                  [
                     {
                         "id": "415e6037041bc923",
                         "type": "ui_text",
                         "z": "289f539dcc33814e",
                         "group": "57f13d6f733e5c9d",
                         "order": 4,
                         "width": "4",
                         "height": "1",
                         "name": "",
                         "label": "Überwachte Geräte",
                         "format": "{{msg.payload}}",
                         "layout": "row-spread",
                         "className": "",
                         "x": 4810,
                         "y": 3500,
                         "wires": []
                     },
                     {
                         "id": "96f001d18a893ff5",
                         "type": "ui_text",
                         "z": "289f539dcc33814e",
                         "group": "57f13d6f733e5c9d",
                         "order": 6,
                         "width": "4",
                         "height": "1",
                         "name": "",
                         "label": "Ready to go?",
                         "format": "{{msg.payload}}",
                         "layout": "row-spread",
                         "className": "",
                         "x": 4810,
                         "y": 3460,
                         "wires": []
                     },
                     {
                         "id": "57f13d6f733e5c9d",
                         "type": "ui_group",
                         "name": "Test",
                         "tab": "20b3095113f94d70",
                         "order": 2,
                         "disp": true,
                         "width": "6",
                         "collapse": false,
                         "className": ""
                     },
                     {
                         "id": "20b3095113f94d70",
                         "type": "ui_tab",
                         "name": "Home",
                         "icon": "dashboard",
                         "order": 1,
                         "disabled": false,
                         "hidden": false
                     }
                  ]
                  

                  So muss dass dann im Dashboard aussehen:

                  92543853-282d-46ce-ba97-3acb78f020fe-image.png

                  Die beiden Nodes - die statisch nur das Label enthalten werde nicht verkabelt.

                  39d1a462-5142-4367-b2ca-40dd58f68c88-image.png

                  Damrak2022D Offline
                  Damrak2022D Offline
                  Damrak2022
                  wrote on last edited by
                  #2913

                  @mickym sagte in Visualisierung mit Node Red erstellen:

                  m Dashboard immer eine Label Node und eine Node mit dem Value getrennt.

                  Was meinst Du damit?

                  Mit besten Grüßen
                  Andy

                  1 Reply Last reply
                  0
                  • Damrak2022D Damrak2022

                    @damrak2022 Labels sind raus.
                    Bildschirm­foto 2022-12-27 um 23.33.04.png Bildschirm­foto 2022-12-27 um 23.30.44.png

                    Damrak2022D Offline
                    Damrak2022D Offline
                    Damrak2022
                    wrote on last edited by Damrak2022
                    #2914

                    @damrak2022 Das stimmt doch nicht, oder
                    Bildschirm­foto 2022-12-27 um 23.37.14.png
                    Bildschirm­foto 2022-12-27 um 23.39.52.png

                    Mit besten Grüßen
                    Andy

                    1 Reply Last reply
                    0
                    • mickymM mickym

                      @damrak2022 OK - ich sehe schon den Fehler. Lösch mal die Labels aus Deinen TextNodes raus. Und mach noch die beiden Nodes rein. Die Label müssen wegen dem Blinken in extra Nodes, also die Labels rausmachen und im Dashboard immer eine Label Node und eine Node mit dem Value getrennt.

                      [
                         {
                             "id": "415e6037041bc923",
                             "type": "ui_text",
                             "z": "289f539dcc33814e",
                             "group": "57f13d6f733e5c9d",
                             "order": 4,
                             "width": "4",
                             "height": "1",
                             "name": "",
                             "label": "Überwachte Geräte",
                             "format": "{{msg.payload}}",
                             "layout": "row-spread",
                             "className": "",
                             "x": 4810,
                             "y": 3500,
                             "wires": []
                         },
                         {
                             "id": "96f001d18a893ff5",
                             "type": "ui_text",
                             "z": "289f539dcc33814e",
                             "group": "57f13d6f733e5c9d",
                             "order": 6,
                             "width": "4",
                             "height": "1",
                             "name": "",
                             "label": "Ready to go?",
                             "format": "{{msg.payload}}",
                             "layout": "row-spread",
                             "className": "",
                             "x": 4810,
                             "y": 3460,
                             "wires": []
                         },
                         {
                             "id": "57f13d6f733e5c9d",
                             "type": "ui_group",
                             "name": "Test",
                             "tab": "20b3095113f94d70",
                             "order": 2,
                             "disp": true,
                             "width": "6",
                             "collapse": false,
                             "className": ""
                         },
                         {
                             "id": "20b3095113f94d70",
                             "type": "ui_tab",
                             "name": "Home",
                             "icon": "dashboard",
                             "order": 1,
                             "disabled": false,
                             "hidden": false
                         }
                      ]
                      

                      So muss dass dann im Dashboard aussehen:

                      92543853-282d-46ce-ba97-3acb78f020fe-image.png

                      Die beiden Nodes - die statisch nur das Label enthalten werde nicht verkabelt.

                      39d1a462-5142-4367-b2ca-40dd58f68c88-image.png

                      mickymM Online
                      mickymM Online
                      mickym
                      Most Active
                      wrote on last edited by
                      #2915

                      @mickym Ok - das musst Du halt selbst anpassen. Die Gruppe ist bei mir 6 Einheiten breit.
                      Die Node mit dem Label - Überwachte Geräte 4 x 1 und der Status 2 x 1 und bei Ready to Go das Gleiche.

                      Nein Du machst eine Gruppe 6 Einheiten breit.

                      b6da8c98-1121-44be-9efe-6e09bc12786e-image.png

                      Wenn Du auf das Layout deiner Testtab Seite anschaust, dann schaut das so aus:

                      b300ac7d-2220-4324-b68b-1e9f0249748f-image.png

                      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.

                      Damrak2022D 1 Reply Last reply
                      0
                      • mickymM mickym

                        @mickym Ok - das musst Du halt selbst anpassen. Die Gruppe ist bei mir 6 Einheiten breit.
                        Die Node mit dem Label - Überwachte Geräte 4 x 1 und der Status 2 x 1 und bei Ready to Go das Gleiche.

                        Nein Du machst eine Gruppe 6 Einheiten breit.

                        b6da8c98-1121-44be-9efe-6e09bc12786e-image.png

                        Wenn Du auf das Layout deiner Testtab Seite anschaust, dann schaut das so aus:

                        b300ac7d-2220-4324-b68b-1e9f0249748f-image.png

                        Damrak2022D Offline
                        Damrak2022D Offline
                        Damrak2022
                        wrote on last edited by
                        #2916

                        @mickym Okay, ich schaue mir das Layout an

                        Mit besten Grüßen
                        Andy

                        mickymM 1 Reply Last reply
                        0
                        • Damrak2022D Damrak2022

                          @mickym Okay, ich schaue mir das Layout an

                          mickymM Online
                          mickymM Online
                          mickym
                          Most Active
                          wrote on last edited by mickym
                          #2917

                          @damrak2022 sagte in Visualisierung mit Node Red erstellen:

                          @mickym Okay, ich schaue mir das Layout an

                          Ansonsten hier nochmal alles zum Import - mit Deiner Testtab Seite:

                          [
                             {
                                 "id": "9c84a501ed4c87c3",
                                 "type": "switch",
                                 "z": "ba3b2e30dc8fe655",
                                 "name": "",
                                 "property": "payload",
                                 "propertyType": "msg",
                                 "rules": [
                                     {
                                         "t": "false"
                                     },
                                     {
                                         "t": "true"
                                     }
                                 ],
                                 "checkall": "true",
                                 "repair": false,
                                 "outputs": 2,
                                 "x": 830,
                                 "y": 280,
                                 "wires": [
                                     [
                                         "538258582cc670b4"
                                     ],
                                     [
                                         "4eb3852997ae1f8a"
                                     ]
                                 ]
                             },
                             {
                                 "id": "58cb99a19a0ff7e4",
                                 "type": "ui_text",
                                 "z": "ba3b2e30dc8fe655",
                                 "group": "f8c09969e01446fb",
                                 "order": 7,
                                 "width": "2",
                                 "height": "1",
                                 "name": "Status ready to go?",
                                 "label": "",
                                 "format": "<font color=\"{{msg.color}}\"><i class=\"fa fa-{{msg.icon}} fa-2x\"></i></font>",
                                 "layout": "row-spread",
                                 "className": "",
                                 "x": 1230,
                                 "y": 260,
                                 "wires": []
                             },
                             {
                                 "id": "538258582cc670b4",
                                 "type": "change",
                                 "z": "ba3b2e30dc8fe655",
                                 "name": "Ready",
                                 "rules": [
                                     {
                                         "t": "set",
                                         "p": "icon",
                                         "pt": "msg",
                                         "to": "thumbs-up",
                                         "tot": "str"
                                     },
                                     {
                                         "t": "set",
                                         "p": "color",
                                         "pt": "msg",
                                         "to": "green",
                                         "tot": "str"
                                     }
                                 ],
                                 "action": "",
                                 "property": "",
                                 "from": "",
                                 "to": "",
                                 "reg": false,
                                 "x": 1010,
                                 "y": 240,
                                 "wires": [
                                     [
                                         "58cb99a19a0ff7e4"
                                     ]
                                 ]
                             },
                             {
                                 "id": "4eb3852997ae1f8a",
                                 "type": "change",
                                 "z": "ba3b2e30dc8fe655",
                                 "name": "Not Ready",
                                 "rules": [
                                     {
                                         "t": "set",
                                         "p": "icon",
                                         "pt": "msg",
                                         "to": "thumbs-o-down",
                                         "tot": "str"
                                     }
                                 ],
                                 "action": "",
                                 "property": "",
                                 "from": "",
                                 "to": "",
                                 "reg": false,
                                 "x": 1030,
                                 "y": 280,
                                 "wires": [
                                     [
                                         "58cb99a19a0ff7e4"
                                     ]
                                 ]
                             },
                             {
                                 "id": "b94dab76e77fc884",
                                 "type": "switch",
                                 "z": "ba3b2e30dc8fe655",
                                 "name": "",
                                 "property": "payload",
                                 "propertyType": "msg",
                                 "rules": [
                                     {
                                         "t": "false"
                                     },
                                     {
                                         "t": "true"
                                     }
                                 ],
                                 "checkall": "true",
                                 "repair": false,
                                 "outputs": 2,
                                 "x": 830,
                                 "y": 340,
                                 "wires": [
                                     [
                                         "c191ae81989bbd1f"
                                     ],
                                     [
                                         "1e83244f30c91f5d"
                                     ]
                                 ]
                             },
                             {
                                 "id": "54aaa0ca0da2b7c2",
                                 "type": "ui_text",
                                 "z": "ba3b2e30dc8fe655",
                                 "group": "f8c09969e01446fb",
                                 "order": 5,
                                 "width": "2",
                                 "height": "1",
                                 "name": "Status überwachte Geräte",
                                 "label": "",
                                 "format": "<font color=\"{{msg.color}}\"><i class=\"fa fa-{{msg.icon}} fa-2x\"></i></font>",
                                 "layout": "row-spread",
                                 "className": "",
                                 "x": 1230,
                                 "y": 320,
                                 "wires": []
                             },
                             {
                                 "id": "c191ae81989bbd1f",
                                 "type": "change",
                                 "z": "ba3b2e30dc8fe655",
                                 "name": "Warnung",
                                 "rules": [
                                     {
                                         "t": "set",
                                         "p": "icon",
                                         "pt": "msg",
                                         "to": "warning",
                                         "tot": "str"
                                     },
                                     {
                                         "t": "set",
                                         "p": "color",
                                         "pt": "msg",
                                         "to": "yellow",
                                         "tot": "str"
                                     },
                                     {
                                         "t": "set",
                                         "p": "className",
                                         "pt": "msg",
                                         "to": "blink",
                                         "tot": "str"
                                     }
                                 ],
                                 "action": "",
                                 "property": "",
                                 "from": "",
                                 "to": "",
                                 "reg": false,
                                 "x": 1020,
                                 "y": 320,
                                 "wires": [
                                     [
                                         "54aaa0ca0da2b7c2"
                                     ]
                                 ]
                             },
                             {
                                 "id": "1e83244f30c91f5d",
                                 "type": "change",
                                 "z": "ba3b2e30dc8fe655",
                                 "name": "Alles OK",
                                 "rules": [
                                     {
                                         "t": "set",
                                         "p": "icon",
                                         "pt": "msg",
                                         "to": "check-circle",
                                         "tot": "str"
                                     },
                                     {
                                         "t": "set",
                                         "p": "color",
                                         "pt": "msg",
                                         "to": "green",
                                         "tot": "str"
                                     },
                                     {
                                         "t": "set",
                                         "p": "className",
                                         "pt": "msg",
                                         "to": "",
                                         "tot": "str"
                                     }
                                 ],
                                 "action": "",
                                 "property": "",
                                 "from": "",
                                 "to": "",
                                 "reg": false,
                                 "x": 1020,
                                 "y": 360,
                                 "wires": [
                                     [
                                         "54aaa0ca0da2b7c2"
                                     ]
                                 ]
                             },
                             {
                                 "id": "2d4a599c13429ec2",
                                 "type": "ui_text",
                                 "z": "ba3b2e30dc8fe655",
                                 "group": "f8c09969e01446fb",
                                 "order": 4,
                                 "width": "4",
                                 "height": "1",
                                 "name": "",
                                 "label": "Überwachte Geräte",
                                 "format": "{{msg.payload}}",
                                 "layout": "row-spread",
                                 "className": "",
                                 "x": 1210,
                                 "y": 160,
                                 "wires": []
                             },
                             {
                                 "id": "158bf46937c0d128",
                                 "type": "ui_text",
                                 "z": "ba3b2e30dc8fe655",
                                 "group": "f8c09969e01446fb",
                                 "order": 6,
                                 "width": "4",
                                 "height": "1",
                                 "name": "",
                                 "label": "Ready to go?",
                                 "format": "{{msg.payload}}",
                                 "layout": "row-spread",
                                 "className": "",
                                 "x": 1210,
                                 "y": 120,
                                 "wires": []
                             },
                             {
                                 "id": "f8c09969e01446fb",
                                 "type": "ui_group",
                                 "name": "Testansicht",
                                 "tab": "0c3299b0a882cc5f",
                                 "order": 1,
                                 "disp": true,
                                 "width": "6",
                                 "collapse": false,
                                 "className": ""
                             },
                             {
                                 "id": "0c3299b0a882cc5f",
                                 "type": "ui_tab",
                                 "name": "Testtab",
                                 "icon": "dashboard",
                                 "order": 19,
                                 "disabled": false,
                                 "hidden": false
                             }
                          ]
                          

                          Die Nodes, die das Icon enthalten sind 2 Einheiten breit. Die ganze Gruppe ist 6 Einheiten breit:

                          a9282c84-2c73-4f56-94aa-307a3e47efd0-image.png

                          Die Label Nodes die nicht verkabelt sind - sind 4 Einheiten breit

                          1ed5ba06-a53d-428c-ab8b-7945961ebfb2-image.png

                          Die ganze Gruppe 6 Einheiten.

                          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.

                          Damrak2022D 1 Reply Last reply
                          0
                          • mickymM mickym

                            @damrak2022 sagte in Visualisierung mit Node Red erstellen:

                            @mickym Okay, ich schaue mir das Layout an

                            Ansonsten hier nochmal alles zum Import - mit Deiner Testtab Seite:

                            [
                               {
                                   "id": "9c84a501ed4c87c3",
                                   "type": "switch",
                                   "z": "ba3b2e30dc8fe655",
                                   "name": "",
                                   "property": "payload",
                                   "propertyType": "msg",
                                   "rules": [
                                       {
                                           "t": "false"
                                       },
                                       {
                                           "t": "true"
                                       }
                                   ],
                                   "checkall": "true",
                                   "repair": false,
                                   "outputs": 2,
                                   "x": 830,
                                   "y": 280,
                                   "wires": [
                                       [
                                           "538258582cc670b4"
                                       ],
                                       [
                                           "4eb3852997ae1f8a"
                                       ]
                                   ]
                               },
                               {
                                   "id": "58cb99a19a0ff7e4",
                                   "type": "ui_text",
                                   "z": "ba3b2e30dc8fe655",
                                   "group": "f8c09969e01446fb",
                                   "order": 7,
                                   "width": "2",
                                   "height": "1",
                                   "name": "Status ready to go?",
                                   "label": "",
                                   "format": "<font color=\"{{msg.color}}\"><i class=\"fa fa-{{msg.icon}} fa-2x\"></i></font>",
                                   "layout": "row-spread",
                                   "className": "",
                                   "x": 1230,
                                   "y": 260,
                                   "wires": []
                               },
                               {
                                   "id": "538258582cc670b4",
                                   "type": "change",
                                   "z": "ba3b2e30dc8fe655",
                                   "name": "Ready",
                                   "rules": [
                                       {
                                           "t": "set",
                                           "p": "icon",
                                           "pt": "msg",
                                           "to": "thumbs-up",
                                           "tot": "str"
                                       },
                                       {
                                           "t": "set",
                                           "p": "color",
                                           "pt": "msg",
                                           "to": "green",
                                           "tot": "str"
                                       }
                                   ],
                                   "action": "",
                                   "property": "",
                                   "from": "",
                                   "to": "",
                                   "reg": false,
                                   "x": 1010,
                                   "y": 240,
                                   "wires": [
                                       [
                                           "58cb99a19a0ff7e4"
                                       ]
                                   ]
                               },
                               {
                                   "id": "4eb3852997ae1f8a",
                                   "type": "change",
                                   "z": "ba3b2e30dc8fe655",
                                   "name": "Not Ready",
                                   "rules": [
                                       {
                                           "t": "set",
                                           "p": "icon",
                                           "pt": "msg",
                                           "to": "thumbs-o-down",
                                           "tot": "str"
                                       }
                                   ],
                                   "action": "",
                                   "property": "",
                                   "from": "",
                                   "to": "",
                                   "reg": false,
                                   "x": 1030,
                                   "y": 280,
                                   "wires": [
                                       [
                                           "58cb99a19a0ff7e4"
                                       ]
                                   ]
                               },
                               {
                                   "id": "b94dab76e77fc884",
                                   "type": "switch",
                                   "z": "ba3b2e30dc8fe655",
                                   "name": "",
                                   "property": "payload",
                                   "propertyType": "msg",
                                   "rules": [
                                       {
                                           "t": "false"
                                       },
                                       {
                                           "t": "true"
                                       }
                                   ],
                                   "checkall": "true",
                                   "repair": false,
                                   "outputs": 2,
                                   "x": 830,
                                   "y": 340,
                                   "wires": [
                                       [
                                           "c191ae81989bbd1f"
                                       ],
                                       [
                                           "1e83244f30c91f5d"
                                       ]
                                   ]
                               },
                               {
                                   "id": "54aaa0ca0da2b7c2",
                                   "type": "ui_text",
                                   "z": "ba3b2e30dc8fe655",
                                   "group": "f8c09969e01446fb",
                                   "order": 5,
                                   "width": "2",
                                   "height": "1",
                                   "name": "Status überwachte Geräte",
                                   "label": "",
                                   "format": "<font color=\"{{msg.color}}\"><i class=\"fa fa-{{msg.icon}} fa-2x\"></i></font>",
                                   "layout": "row-spread",
                                   "className": "",
                                   "x": 1230,
                                   "y": 320,
                                   "wires": []
                               },
                               {
                                   "id": "c191ae81989bbd1f",
                                   "type": "change",
                                   "z": "ba3b2e30dc8fe655",
                                   "name": "Warnung",
                                   "rules": [
                                       {
                                           "t": "set",
                                           "p": "icon",
                                           "pt": "msg",
                                           "to": "warning",
                                           "tot": "str"
                                       },
                                       {
                                           "t": "set",
                                           "p": "color",
                                           "pt": "msg",
                                           "to": "yellow",
                                           "tot": "str"
                                       },
                                       {
                                           "t": "set",
                                           "p": "className",
                                           "pt": "msg",
                                           "to": "blink",
                                           "tot": "str"
                                       }
                                   ],
                                   "action": "",
                                   "property": "",
                                   "from": "",
                                   "to": "",
                                   "reg": false,
                                   "x": 1020,
                                   "y": 320,
                                   "wires": [
                                       [
                                           "54aaa0ca0da2b7c2"
                                       ]
                                   ]
                               },
                               {
                                   "id": "1e83244f30c91f5d",
                                   "type": "change",
                                   "z": "ba3b2e30dc8fe655",
                                   "name": "Alles OK",
                                   "rules": [
                                       {
                                           "t": "set",
                                           "p": "icon",
                                           "pt": "msg",
                                           "to": "check-circle",
                                           "tot": "str"
                                       },
                                       {
                                           "t": "set",
                                           "p": "color",
                                           "pt": "msg",
                                           "to": "green",
                                           "tot": "str"
                                       },
                                       {
                                           "t": "set",
                                           "p": "className",
                                           "pt": "msg",
                                           "to": "",
                                           "tot": "str"
                                       }
                                   ],
                                   "action": "",
                                   "property": "",
                                   "from": "",
                                   "to": "",
                                   "reg": false,
                                   "x": 1020,
                                   "y": 360,
                                   "wires": [
                                       [
                                           "54aaa0ca0da2b7c2"
                                       ]
                                   ]
                               },
                               {
                                   "id": "2d4a599c13429ec2",
                                   "type": "ui_text",
                                   "z": "ba3b2e30dc8fe655",
                                   "group": "f8c09969e01446fb",
                                   "order": 4,
                                   "width": "4",
                                   "height": "1",
                                   "name": "",
                                   "label": "Überwachte Geräte",
                                   "format": "{{msg.payload}}",
                                   "layout": "row-spread",
                                   "className": "",
                                   "x": 1210,
                                   "y": 160,
                                   "wires": []
                               },
                               {
                                   "id": "158bf46937c0d128",
                                   "type": "ui_text",
                                   "z": "ba3b2e30dc8fe655",
                                   "group": "f8c09969e01446fb",
                                   "order": 6,
                                   "width": "4",
                                   "height": "1",
                                   "name": "",
                                   "label": "Ready to go?",
                                   "format": "{{msg.payload}}",
                                   "layout": "row-spread",
                                   "className": "",
                                   "x": 1210,
                                   "y": 120,
                                   "wires": []
                               },
                               {
                                   "id": "f8c09969e01446fb",
                                   "type": "ui_group",
                                   "name": "Testansicht",
                                   "tab": "0c3299b0a882cc5f",
                                   "order": 1,
                                   "disp": true,
                                   "width": "6",
                                   "collapse": false,
                                   "className": ""
                               },
                               {
                                   "id": "0c3299b0a882cc5f",
                                   "type": "ui_tab",
                                   "name": "Testtab",
                                   "icon": "dashboard",
                                   "order": 19,
                                   "disabled": false,
                                   "hidden": false
                               }
                            ]
                            

                            Die Nodes, die das Icon enthalten sind 2 Einheiten breit. Die ganze Gruppe ist 6 Einheiten breit:

                            a9282c84-2c73-4f56-94aa-307a3e47efd0-image.png

                            Die Label Nodes die nicht verkabelt sind - sind 4 Einheiten breit

                            1ed5ba06-a53d-428c-ab8b-7945961ebfb2-image.png

                            Die ganze Gruppe 6 Einheiten.

                            Damrak2022D Offline
                            Damrak2022D Offline
                            Damrak2022
                            wrote on last edited by Damrak2022
                            #2918

                            @mickym Ich habe das von Dir importiert und auch die Größen kontrolliert. Bei mir sieht das dann so aus:
                            Bildschirm­foto 2022-12-27 um 23.45.58.png

                            Nachdem ich die ungenutzten Node gelöscht habe sieht es so aus:
                            Bildschirm­foto 2022-12-27 um 23.50.51.png

                            Mit besten Grüßen
                            Andy

                            mickymM 2 Replies Last reply
                            0
                            • Damrak2022D Damrak2022

                              @mickym Ich habe das von Dir importiert und auch die Größen kontrolliert. Bei mir sieht das dann so aus:
                              Bildschirm­foto 2022-12-27 um 23.45.58.png

                              Nachdem ich die ungenutzten Node gelöscht habe sieht es so aus:
                              Bildschirm­foto 2022-12-27 um 23.50.51.png

                              mickymM Online
                              mickymM Online
                              mickym
                              Most Active
                              wrote on last edited by
                              #2919

                              @damrak2022 Lösch bitte alle TextNodes und die Testtab Seite aus Deinem Dashboard komplett. Und mach nochmal einen komplett neuen Import - mit meinen Nodes, die ich gerade gepostet habe. Du hast inzwischen auf Deiner Testtab seite nun 8 Nodes. Also alle Text nodes löschen und die komplette Testtab Seite mit allen Gruppen löschen und dann meine Nodes nochmal importieren.

                              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.

                              Damrak2022D 1 Reply Last reply
                              0
                              • Damrak2022D Damrak2022

                                @mickym Ich habe das von Dir importiert und auch die Größen kontrolliert. Bei mir sieht das dann so aus:
                                Bildschirm­foto 2022-12-27 um 23.45.58.png

                                Nachdem ich die ungenutzten Node gelöscht habe sieht es so aus:
                                Bildschirm­foto 2022-12-27 um 23.50.51.png

                                mickymM Online
                                mickymM Online
                                mickym
                                Most Active
                                wrote on last edited by
                                #2920

                                @damrak2022 sagte in Visualisierung mit Node Red erstellen:

                                @mickym Ich habe das von Dir importiert und auch die Größen kontrolliert. Bei mir sieht das dann so aus:
                                Bildschirm­foto 2022-12-27 um 23.45.58.png

                                Nachdem ich die ungenutzten Node gelöscht habe sieht es so aus:
                                Bildschirm­foto 2022-12-27 um 23.50.51.png

                                Lösch alles weg - Deine Gruppe darf nur 6 Einheiten breit sein - sonst musst selbst alles anpassen

                                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 Reply Last reply
                                0
                                • mickymM mickym

                                  @damrak2022 Lösch bitte alle TextNodes und die Testtab Seite aus Deinem Dashboard komplett. Und mach nochmal einen komplett neuen Import - mit meinen Nodes, die ich gerade gepostet habe. Du hast inzwischen auf Deiner Testtab seite nun 8 Nodes. Also alle Text nodes löschen und die komplette Testtab Seite mit allen Gruppen löschen und dann meine Nodes nochmal importieren.

                                  Damrak2022D Offline
                                  Damrak2022D Offline
                                  Damrak2022
                                  wrote on last edited by
                                  #2921

                                  @mickym Okay, mache ich. Dann haben wir für heute auch genug gemacht. Ist ja schließlich Weihnachtszeit

                                  Mit besten Grüßen
                                  Andy

                                  mickymM 1 Reply Last reply
                                  0
                                  • Damrak2022D Damrak2022

                                    @mickym Okay, mache ich. Dann haben wir für heute auch genug gemacht. Ist ja schließlich Weihnachtszeit

                                    mickymM Online
                                    mickymM Online
                                    mickym
                                    Most Active
                                    wrote on last edited by mickym
                                    #2922

                                    @damrak2022 sagte in Visualisierung mit Node Red erstellen:

                                    @mickym Okay, mache ich. Dann haben wir für heute auch genug gemacht. Ist ja schließlich Weihnachtszeit

                                    Wir wären ja auch längst fertig. 😉 - Ausserdem ist Weihnachten schon vorbei. 😉 - Das Argument zieht erst nächstes Jahr wieder. 😉 Das bei Dir solche Kästen kommen, das liegt an Deiner individuellen Anpassung des Dashboards - da passt halt dann die Hintergrundfarbe nicht- aber das hast Du selbst mit der Anpassung der Farben zu verantworten. 😉

                                    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.

                                    Damrak2022D 1 Reply Last reply
                                    0
                                    • mickymM mickym

                                      @damrak2022 sagte in Visualisierung mit Node Red erstellen:

                                      @mickym Okay, mache ich. Dann haben wir für heute auch genug gemacht. Ist ja schließlich Weihnachtszeit

                                      Wir wären ja auch längst fertig. 😉 - Ausserdem ist Weihnachten schon vorbei. 😉 - Das Argument zieht erst nächstes Jahr wieder. 😉 Das bei Dir solche Kästen kommen, das liegt an Deiner individuellen Anpassung des Dashboards - da passt halt dann die Hintergrundfarbe nicht- aber das hast Du selbst mit der Anpassung der Farben zu verantworten. 😉

                                      Damrak2022D Offline
                                      Damrak2022D Offline
                                      Damrak2022
                                      wrote on last edited by
                                      #2923

                                      @mickym Heute habe ich keine Lust mehr. Nachdem ich den Testat im Dashboard komplett gelöscht, habe, sowie alle Nodes die nirgends zugewiesen waren, habe ich Deinen Flow neu importiert und lande erneut bei dieser Ansicht:
                                      Bildschirm­foto 2022-12-27 um 23.58.30.png Bildschirm­foto 2022-12-27 um 23.58.13.png

                                      Ich probiere das später erneut, bzw. nochmal, aber im Moment kann ich es nicht nachvollziehen.

                                      Mit besten Grüßen
                                      Andy

                                      mickymM 1 Reply Last reply
                                      0
                                      • Damrak2022D Damrak2022

                                        @mickym Heute habe ich keine Lust mehr. Nachdem ich den Testat im Dashboard komplett gelöscht, habe, sowie alle Nodes die nirgends zugewiesen waren, habe ich Deinen Flow neu importiert und lande erneut bei dieser Ansicht:
                                        Bildschirm­foto 2022-12-27 um 23.58.30.png Bildschirm­foto 2022-12-27 um 23.58.13.png

                                        Ich probiere das später erneut, bzw. nochmal, aber im Moment kann ich es nicht nachvollziehen.

                                        mickymM Online
                                        mickymM Online
                                        mickym
                                        Most Active
                                        wrote on last edited by mickym
                                        #2924

                                        @damrak2022 Ja das passt schon. - Es sollte ja nun in den kleinen Kästen das Icon auftauchen, wenn Du das nun mit der JOIN Node verkabelst.

                                        Aber ich denke - das wir da besser lassen mit dem Blinken und Du lieber eine Text Node über die komplette Breite nimmst. Das mit dem Blinken funktioniert dann halt nicht über CSS, weil sonst halt alle einschließlich des Labels blinkt. Also mach das einfach mit Standardmitteln.

                                        Das kostet nur unnütze Zeit. Und das jetzt über Template Node und ordentliches HTML zu machen, das rentiert hier nicht. Wie gesagt lass das mit dem Blinken und mache es einfach über 2 Text Nodes - dann kannst auch die Template Node wieder löschen. Das passt halt einfach nicht mit Deinen Dashboard Einstellungen zusammen. Also mach hier lieber ohne CSS Klassen.

                                        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.

                                        Damrak2022D 1 Reply Last reply
                                        0
                                        • mickymM mickym

                                          @damrak2022 Ja das passt schon. - Es sollte ja nun in den kleinen Kästen das Icon auftauchen, wenn Du das nun mit der JOIN Node verkabelst.

                                          Aber ich denke - das wir da besser lassen mit dem Blinken und Du lieber eine Text Node über die komplette Breite nimmst. Das mit dem Blinken funktioniert dann halt nicht über CSS, weil sonst halt alle einschließlich des Labels blinkt. Also mach das einfach mit Standardmitteln.

                                          Das kostet nur unnütze Zeit. Und das jetzt über Template Node und ordentliches HTML zu machen, das rentiert hier nicht. Wie gesagt lass das mit dem Blinken und mache es einfach über 2 Text Nodes - dann kannst auch die Template Node wieder löschen. Das passt halt einfach nicht mit Deinen Dashboard Einstellungen zusammen. Also mach hier lieber ohne CSS Klassen.

                                          Damrak2022D Offline
                                          Damrak2022D Offline
                                          Damrak2022
                                          wrote on last edited by
                                          #2925

                                          @mickym Ein Icon tauch bei mir nicht auf
                                          Die template Node habe ich gelöscht.

                                          Mit besten Grüßen
                                          Andy

                                          mickymM 1 Reply Last reply
                                          0
                                          Reply
                                          • Reply as topic
                                          Log in to reply
                                          • Oldest to Newest
                                          • Newest to Oldest
                                          • Most Votes


                                          Support us

                                          ioBroker
                                          Community Adapters
                                          Donate

                                          524

                                          Online

                                          32.4k

                                          Users

                                          81.4k

                                          Topics

                                          1.3m

                                          Posts
                                          Community
                                          Impressum | Datenschutz-Bestimmungen | Nutzungsbedingungen
                                          ioBroker Community 2014-2025
                                          logo
                                          • Login

                                          • Don't have an account? Register

                                          • Login or register to search.
                                          • First post
                                            Last post
                                          0
                                          • Recent
                                          • Tags
                                          • Unread 0
                                          • Categories
                                          • Unreplied
                                          • Popular
                                          • GitHub
                                          • Docu
                                          • Hilfe