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

donate donate
  1. ioBroker Community Home
  2. Deutsch
  3. Visualisierung
  4. [Vorstellung] Meine zweite Visualisierung

NEWS

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

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

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

[Vorstellung] Meine zweite Visualisierung

Geplant Angeheftet Gesperrt Verschoben Visualisierung
vistemplate
1.3k Beiträge 148 Kommentatoren 550.3k Aufrufe 157 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.
  • K Kuddel

    Die nächste Version von meiner VIS ist in der Mache. Im neuen Design verwende ich für das Menü die Material Widgets.

    50c1fa58-6fb2-41c3-8d06-728de170a440-grafik.png

    18a8450f-5cc3-49c5-9a11-9744d4fd5ca6-grafik.png

    2a8f8bcc-9002-4e79-b61f-bd1f21e87565-grafik.png

    Werde das Design in den nächsten Woche auf alle Seiten anwenden und dann die neue VIS zur Verfügung stellen.

    Habt ihr noch Verbesserungsvoschläge, dann immer her damit :-)

    Pat1968P Offline
    Pat1968P Offline
    Pat1968
    schrieb am zuletzt editiert von
    #1124

    @Kuddel

    Hallo Kuddel

    Deine Menüleiste wie hast du die hergestellt?

    Sieht gut aus 👍

    N 1 Antwort Letzte Antwort
    0
    • K Kuddel

      Die nächste Version von meiner VIS ist in der Mache. Im neuen Design verwende ich für das Menü die Material Widgets.

      50c1fa58-6fb2-41c3-8d06-728de170a440-grafik.png

      18a8450f-5cc3-49c5-9a11-9744d4fd5ca6-grafik.png

      2a8f8bcc-9002-4e79-b61f-bd1f21e87565-grafik.png

      Werde das Design in den nächsten Woche auf alle Seiten anwenden und dann die neue VIS zur Verfügung stellen.

      Habt ihr noch Verbesserungsvoschläge, dann immer her damit :-)

      H Online
      H Online
      helfi9999
      schrieb am zuletzt editiert von
      #1125

      @Kuddel Bin mal gespannt wie es aussehen wird, deine View ist immer für mich eine Inspiration.

      Intel NUC mit Iobroker

      H 1 Antwort Letzte Antwort
      0
      • H helfi9999

        @Kuddel Bin mal gespannt wie es aussehen wird, deine View ist immer für mich eine Inspiration.

        H Offline
        H Offline
        hofmannha
        schrieb am zuletzt editiert von
        #1126

        @helfi9999
        Hallo Kuddel,
        ich Ware auch schon auf die Menüleiste. Wird sicherlich wieder ein Hammer von Dir.
        Gruß

        1 Antwort Letzte Antwort
        0
        • Pat1968P Pat1968

          @Kuddel

          Hallo Kuddel

          Deine Menüleiste wie hast du die hergestellt?

          Sieht gut aus 👍

          N Offline
          N Offline
          nousefor82
          schrieb am zuletzt editiert von
          #1127

          @Pat1968

          Hi,

          das ist das Top-App-Bar Widget vom Material Design Widget Adapter.

          Einfach in die Suche eingeben... gibt mittlerweile einen eigenen Thread dazu.

          Viele Grüße

          H 1 Antwort Letzte Antwort
          0
          • N nousefor82

            @Pat1968

            Hi,

            das ist das Top-App-Bar Widget vom Material Design Widget Adapter.

            Einfach in die Suche eingeben... gibt mittlerweile einen eigenen Thread dazu.

            Viele Grüße

            H Offline
            H Offline
            hofmannha
            schrieb am zuletzt editiert von
            #1128

            @nousefor82
            Hallo,
            bei mir finde ic den AApter nicht.
            Das ist alles bei Suche.material.PNG

            NegaleinN 1 Antwort Letzte Antwort
            0
            • H hofmannha

              @nousefor82
              Hallo,
              bei mir finde ic den AApter nicht.
              Das ist alles bei Suche.material.PNG

              NegaleinN Offline
              NegaleinN Offline
              Negalein
              Global Moderator
              schrieb am zuletzt editiert von
              #1129

              @hofmannha sagte in [Vorstellung] Meine zweite Visualisierung:

              bei mir finde ic den AApter nicht.

              https://forum.iobroker.net/topic/29660/material-design-widgets-top-app-bar-widget

              Installieren über GIT
              https://github.com/Scrounger/iobroker.vis-materialdesign

              ° Node.js: 20.17.0 NPM: 10.8.2
              ° Proxmox, Ubuntu 22.04.3 LTS
              ° Fixer ---> iob fix

              H 1 Antwort Letzte Antwort
              0
              • NegaleinN Negalein

                @hofmannha sagte in [Vorstellung] Meine zweite Visualisierung:

                bei mir finde ic den AApter nicht.

                https://forum.iobroker.net/topic/29660/material-design-widgets-top-app-bar-widget

                Installieren über GIT
                https://github.com/Scrounger/iobroker.vis-materialdesign

                H Offline
                H Offline
                hofmannha
                schrieb am zuletzt editiert von
                #1130

                @Negalein
                Danke vielmals. Hat funktioniert.
                Gruß

                1 Antwort Letzte Antwort
                0
                • K Kuddel

                  Die nächste Version von meiner VIS ist in der Mache. Im neuen Design verwende ich für das Menü die Material Widgets.

                  50c1fa58-6fb2-41c3-8d06-728de170a440-grafik.png

                  18a8450f-5cc3-49c5-9a11-9744d4fd5ca6-grafik.png

                  2a8f8bcc-9002-4e79-b61f-bd1f21e87565-grafik.png

                  Werde das Design in den nächsten Woche auf alle Seiten anwenden und dann die neue VIS zur Verfügung stellen.

                  Habt ihr noch Verbesserungsvoschläge, dann immer her damit :-)

                  H Offline
                  H Offline
                  hofmannha
                  schrieb am zuletzt editiert von
                  #1131

                  @Kuddel
                  Hallo Kuddel,
                  welches Widgets hast Du für dein neues Menü genommen.
                  Bin auch am Rumprobieren. Komme aber nicht so richtig voran.
                  Gruß

                  H 1 Antwort Letzte Antwort
                  0
                  • H hofmannha

                    @Kuddel
                    Hallo Kuddel,
                    welches Widgets hast Du für dein neues Menü genommen.
                    Bin auch am Rumprobieren. Komme aber nicht so richtig voran.
                    Gruß

                    H Offline
                    H Offline
                    hofmannha
                    schrieb am zuletzt editiert von
                    #1132

                    @hofmannha sagte in [Vorstellung] Meine zweite Visualisierung:

                    @Kuddel
                    Hallo Kuddel,
                    welches Widgets hast Du für dein neues Menü genommen.
                    Bin auch am Rumprobieren. Komme aber nicht so richtig voran.
                    Gruß

                    menue.PNG

                    GlasfaserG 1 Antwort Letzte Antwort
                    0
                    • H hofmannha

                      @hofmannha sagte in [Vorstellung] Meine zweite Visualisierung:

                      @Kuddel
                      Hallo Kuddel,
                      welches Widgets hast Du für dein neues Menü genommen.
                      Bin auch am Rumprobieren. Komme aber nicht so richtig voran.
                      Gruß

                      menue.PNG

                      GlasfaserG Offline
                      GlasfaserG Offline
                      Glasfaser
                      schrieb am zuletzt editiert von
                      #1133

                      @hofmannha

                      @Negalein sagte in [Vorstellung] Meine zweite Visualisierung:

                      @hofmannha sagte in [Vorstellung] Meine zweite Visualisierung:

                      bei mir finde ic den AApter nicht.

                      https://forum.iobroker.net/topic/29660/material-design-widgets-top-app-bar-widget

                      Installieren über GIT
                      https://github.com/Scrounger/iobroker.vis-materialdesign

                      Hier nochmal ;)

                      https://forum.iobroker.net/topic/29660/material-design-widgets-top-app-bar-widget

                      Synology 918+ 16GB - ioBroker in Docker v9 , VISO auf Trekstor Primebook C13 13,3" , Hikvision Domkameras mit Surveillance Station .. CCU RaspberryMatic in Synology VM .. Zigbee CC2538+CC2592 .. Sonoff .. KNX .. Modbus ..

                      NegaleinN 1 Antwort Letzte Antwort
                      0
                      • GlasfaserG Glasfaser

                        @hofmannha

                        @Negalein sagte in [Vorstellung] Meine zweite Visualisierung:

                        @hofmannha sagte in [Vorstellung] Meine zweite Visualisierung:

                        bei mir finde ic den AApter nicht.

                        https://forum.iobroker.net/topic/29660/material-design-widgets-top-app-bar-widget

                        Installieren über GIT
                        https://github.com/Scrounger/iobroker.vis-materialdesign

                        Hier nochmal ;)

                        https://forum.iobroker.net/topic/29660/material-design-widgets-top-app-bar-widget

                        NegaleinN Offline
                        NegaleinN Offline
                        Negalein
                        Global Moderator
                        schrieb am zuletzt editiert von
                        #1134

                        @Glasfaser sagte in [Vorstellung] Meine zweite Visualisierung:

                        Hier nochmal

                        doppelt hält besser ;) :grin:

                        ° Node.js: 20.17.0 NPM: 10.8.2
                        ° Proxmox, Ubuntu 22.04.3 LTS
                        ° Fixer ---> iob fix

                        K 1 Antwort Letzte Antwort
                        1
                        • NegaleinN Negalein

                          @Glasfaser sagte in [Vorstellung] Meine zweite Visualisierung:

                          Hier nochmal

                          doppelt hält besser ;) :grin:

                          K Offline
                          K Offline
                          Kuddel
                          schrieb am zuletzt editiert von
                          #1135

                          Ich aktualisiere morgen die letzten Seiten meiner VIS mit dem neuen Design.
                          Dann werde ich das ganze noch testen und ein paar kleine Verbesserungen einbauen.

                          Ich denke nächste Woche kommt der Upload in einem neuen Thread.

                          Das nächste Projekt ist dann eine VIS fürs Handy...

                          H 1 Antwort Letzte Antwort
                          0
                          • K Kuddel

                            Ich aktualisiere morgen die letzten Seiten meiner VIS mit dem neuen Design.
                            Dann werde ich das ganze noch testen und ein paar kleine Verbesserungen einbauen.

                            Ich denke nächste Woche kommt der Upload in einem neuen Thread.

                            Das nächste Projekt ist dann eine VIS fürs Handy...

                            H Offline
                            H Offline
                            hofmannha
                            schrieb am zuletzt editiert von
                            #1136

                            @Kuddel
                            Hallo,
                            kannst Du mir sagen wo ich die Sub-Menüs editieren bzw. beschriften kann. Ich suche mir
                            schon den Wolf.
                            Grußsubmenue.PNG

                            K 1 Antwort Letzte Antwort
                            0
                            • H hofmannha

                              @Kuddel
                              Hallo,
                              kannst Du mir sagen wo ich die Sub-Menüs editieren bzw. beschriften kann. Ich suche mir
                              schon den Wolf.
                              Grußsubmenue.PNG

                              K Offline
                              K Offline
                              Kuddel
                              schrieb am zuletzt editiert von
                              #1137

                              @hofmannha

                              a103fe37-ca37-4480-a8c1-ef75f6043bf4-grafik.png

                              a0f2424d-43d1-46fa-842d-6aa171e2bfc5-grafik.png

                              {"itemText": "System", "subItems": ["ioBroker", "HomeMatic", "Geräte", "Netzwerk", "Logs", "VMware"]}
                              

                              H 2 Antworten Letzte Antwort
                              0
                              • K Kuddel

                                @hofmannha

                                a103fe37-ca37-4480-a8c1-ef75f6043bf4-grafik.png

                                a0f2424d-43d1-46fa-842d-6aa171e2bfc5-grafik.png

                                {"itemText": "System", "subItems": ["ioBroker", "HomeMatic", "Geräte", "Netzwerk", "Logs", "VMware"]}
                                

                                H Offline
                                H Offline
                                hofmannha
                                schrieb am zuletzt editiert von
                                #1138

                                @Kuddel sagte in [Vorstellung] Meine zweite Visualisierung:

                                {"itemText": "System", "subItems": ["ioBroker", "HomeMatic", "Geräte", "Netzwerk", "Logs", "VMware"]}

                                vielen vielen Dank. Es funktioniert.
                                Schönes Wochenende

                                1 Antwort Letzte Antwort
                                0
                                • K Kuddel

                                  @hofmannha

                                  a103fe37-ca37-4480-a8c1-ef75f6043bf4-grafik.png

                                  a0f2424d-43d1-46fa-842d-6aa171e2bfc5-grafik.png

                                  {"itemText": "System", "subItems": ["ioBroker", "HomeMatic", "Geräte", "Netzwerk", "Logs", "VMware"]}
                                  

                                  H Offline
                                  H Offline
                                  hofmannha
                                  schrieb am zuletzt editiert von
                                  #1139

                                  @Kuddel
                                  Hallo Kuddel,
                                  noch eine Frage, dann gebe ich Ruhe.
                                  Wo ich noch nicht ganz durchblicke ist das Widget "View in Widget8".
                                  Muß ich diese Widget in jede meiner View integrieren oder nur in der View wo das Menü sich befindet?
                                  Gruß

                                  K 1 Antwort Letzte Antwort
                                  0
                                  • H hofmannha

                                    @Kuddel
                                    Hallo Kuddel,
                                    noch eine Frage, dann gebe ich Ruhe.
                                    Wo ich noch nicht ganz durchblicke ist das Widget "View in Widget8".
                                    Muß ich diese Widget in jede meiner View integrieren oder nur in der View wo das Menü sich befindet?
                                    Gruß

                                    K Offline
                                    K Offline
                                    Kuddel
                                    schrieb am zuletzt editiert von
                                    #1140

                                    @hofmannha ich habe das in meiner neuen VIS so gemacht:

                                    auf Seite 0000_Startseite habe ich genau 2 Widgehts:

                                    1. Das Menü
                                    2. Vie in Widget 8

                                    Über das View in Widget werden dann die Seiten dargestellt

                                    H 1 Antwort Letzte Antwort
                                    0
                                    • K Kuddel

                                      @hofmannha ich habe das in meiner neuen VIS so gemacht:

                                      auf Seite 0000_Startseite habe ich genau 2 Widgehts:

                                      1. Das Menü
                                      2. Vie in Widget 8

                                      Über das View in Widget werden dann die Seiten dargestellt

                                      H Offline
                                      H Offline
                                      hofmannha
                                      schrieb am zuletzt editiert von
                                      #1141

                                      @Kuddel
                                      Hallo Kuddel,
                                      funktioniert bei Dir die Anzeige von der QNap-Nas?
                                      Sie lässt sich über den Button nicht neu starten und die Anzeige des freien Speichers
                                      funktioniert auch nicht. Könntest Du mir da helfen?qnap.PNG
                                      Gruß

                                      H 1 Antwort Letzte Antwort
                                      0
                                      • H hofmannha

                                        @Kuddel
                                        Hallo Kuddel,
                                        funktioniert bei Dir die Anzeige von der QNap-Nas?
                                        Sie lässt sich über den Button nicht neu starten und die Anzeige des freien Speichers
                                        funktioniert auch nicht. Könntest Du mir da helfen?qnap.PNG
                                        Gruß

                                        H Offline
                                        H Offline
                                        hofmannha
                                        schrieb am zuletzt editiert von
                                        #1142

                                        @hofmannha
                                        der freie Speicher wird ja angezeigt aber sonst nicht.

                                        K 1 Antwort Letzte Antwort
                                        0
                                        • H hofmannha

                                          @hofmannha
                                          der freie Speicher wird ja angezeigt aber sonst nicht.

                                          K Offline
                                          K Offline
                                          Kuddel
                                          schrieb am zuletzt editiert von
                                          #1143

                                          @hofmannha hast du den DP erstellt, der mit dem Widget verknüpft ist?

                                          Hast du das Javascript, das den Reboot auslöst erstellt ?

                                          
                                          on({id: "javascript.0.shutdown.shutdown_qnap-archiv", change: 'any'}, function (obj) {
                                             
                                          var SSH = require('simple-ssh');
                                          
                                          var ssh = new SSH({
                                             host: '192.168.4.20',
                                             port: 22,
                                             user: 'admin',
                                             pass: 'DEIN_PASSWORD'
                                          });
                                          
                                          ssh.exec('echo "DEIN_PASSWORD"|poweroff').start();   
                                          console.log("+++ QNAP-Archiv wird heruntergefahren +++");    
                                             
                                              }
                                          );
                                          

                                          Wenn du auf deinem NAS den Public_SSH Key vom ioBroker hinterlegt hast, würde das auch ganz einfach per Blockly gehen:

                                          <xml xmlns="http://www.w3.org/1999/xhtml">
                                           <block type="comment" id="Ud`Xh8nC{*uXDZ2.M3yl" x="-412" y="-237">
                                             <field name="COMMENT">QNAP-Archiv</field>
                                             <next>
                                               <block type="on_ext" id="|NIT4keHej?||-ti9@t!">
                                                 <mutation items="1"></mutation>
                                                 <field name="CONDITION">ne</field>
                                                 <field name="ACK_CONDITION"></field>
                                                 <value name="OID0">
                                                   <shadow type="field_oid" id="{d@ZA=8Fo2}uS:@^hvm`">
                                                     <field name="oid">javascript.0.shutdown.shutdown_qnap-archiv</field>
                                                   </shadow>
                                                 </value>
                                                 <statement name="STATEMENT">
                                                   <block type="controls_if" id="(,:8n8$AhuRlF,VpaikH">
                                                     <value name="IF0">
                                                       <block type="logic_compare" id="X)W@5uL61{hl)/bf!}:c">
                                                         <field name="OP">EQ</field>
                                                         <value name="A">
                                                           <block type="get_value" id="Gjd.jjcih^Tu*kc}z19W">
                                                             <field name="ATTR">val</field>
                                                             <field name="OID">javascript.0.shutdown.shutdown_qnap-archiv</field>
                                                           </block>
                                                         </value>
                                                         <value name="B">
                                                           <block type="logic_boolean" id="LmOZV()_kP];2t?K,a]X">
                                                             <field name="BOOL">TRUE</field>
                                                           </block>
                                                         </value>
                                                       </block>
                                                     </value>
                                                     <statement name="DO0">
                                                       <block type="exec" id="i~6uI1]uLVezZm-7pF*6">
                                                         <mutation with_statement="true"></mutation>
                                                         <field name="WITH_STATEMENT">TRUE</field>
                                                         <field name="LOG"></field>
                                                         <value name="COMMAND">
                                                           <shadow type="text" id="F?j`+#sU:M3LHtrzm;~4">
                                                             <field name="TEXT">ssh admin@192.168.4.20 poweroff</field>
                                                           </shadow>
                                                         </value>
                                                         <statement name="STATEMENT">
                                                           <block type="control" id="V1Vu7,MzqAprLA9R;525">
                                                             <mutation delay_input="true"></mutation>
                                                             <field name="OID">javascript.0.shutdown.shutdown_qnap-archiv</field>
                                                             <field name="WITH_DELAY">TRUE</field>
                                                             <field name="DELAY_MS">10</field>
                                                             <field name="UNIT">sec</field>
                                                             <field name="CLEAR_RUNNING">FALSE</field>
                                                             <value name="VALUE">
                                                               <block type="logic_boolean" id="e~5cazkIL{N*l,56o/qC">
                                                                 <field name="BOOL">FALSE</field>
                                                               </block>
                                                             </value>
                                                           </block>
                                                         </statement>
                                                       </block>
                                                     </statement>
                                                   </block>
                                                 </statement>
                                               </block>
                                             </next>
                                           </block>
                                          </xml>
                                          

                                          57c6fb81-553c-45bb-a2a0-c32ca1f69147-grafik.png

                                          H 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

                                          900

                                          Online

                                          32.4k

                                          Benutzer

                                          81.5k

                                          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