Skip to content
  • Home
  • 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
ioBroker Logo

Community Forum

donate donate
  1. ioBroker Community Home
  2. Deutsch
  3. Praktische Anwendungen (Showcase)
  4. Einfach mal zeigen will….. :-) - Teil 3

NEWS

  • Monatsrückblick Januar/Februar 2026 ist online!
    BluefoxB
    Bluefox
    4
    1
    47

  • Jahresrückblick 2025 – unser neuer Blogbeitrag ist online! ✨
    BluefoxB
    Bluefox
    17
    1
    4.2k

  • Neuer Blogbeitrag: Monatsrückblick - Dezember 2025 🎄
    BluefoxB
    Bluefox
    13
    1
    1.2k

Einfach mal zeigen will….. :-) - Teil 3

Scheduled Pinned Locked Moved Praktische Anwendungen (Showcase)
visvisualisierungvisualizationvis editor
813 Posts 155 Posters 349.3k Views 157 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.
  • D darkiop

    @mend Du hast mehrere Möglichkeiten. Entweder wie von Sigi schon verlinkt Scroungers Material Widgets (und da speziell für deine responsive Anforderung das Masonry Widget oder Uhulas Material Design (https://github.com/Uhula/ioBroker-Material-Design-Style) im Zusammenspiel mit Scroungers Widgets.

    Desweiteren Macht es Sinn sich bzgl. CSS das ein oder andere anzueigenen, wie die Berechnung von Werten mit calc()

    https://developer.mozilla.org/de/docs/Web/CSS/calc

    Als Beispiel:
    left: calc(100% - 'halbe Breite des Objekts') = mittig ausrichten.

    Ich setze aktull noch Uhula + Scroungers Widgets ein, so Schaut das aus:

    55f166f0-07f1-4ee0-8c3a-c9ed7468ab27-grafik.png

    fb25cd75-35f1-40f0-aab3-b455ce324fa6-grafik.png

    Grundsätzlich sind mit VIS und HTML/CSS/JS alle Türen offen ;)

    G Offline
    G Offline
    Grantlhaua
    wrote on last edited by
    #199

    @darkiop said in Einfach mal zeigen will….. :-) - Teil 3:

    @mend Du hast mehrere Möglichkeiten. Entweder wie von Sigi schon verlinkt Scroungers Material Widgets (und da speziell für deine responsive Anforderung das Masonry Widget oder Uhulas Material Design (https://github.com/Uhula/ioBroker-Material-Design-Style) im Zusammenspiel mit Scroungers Widgets.

    Desweiteren Macht es Sinn sich bzgl. CSS das ein oder andere anzueigenen, wie die Berechnung von Werten mit calc()

    https://developer.mozilla.org/de/docs/Web/CSS/calc

    Als Beispiel:
    left: calc(100% - 'halbe Breite des Objekts') = mittig ausrichten.

    Ich setze aktull noch Uhula + Scroungers Widgets ein, so Schaut das aus:

    55f166f0-07f1-4ee0-8c3a-c9ed7468ab27-grafik.png

    fb25cd75-35f1-40f0-aab3-b455ce324fa6-grafik.png

    Grundsätzlich sind mit VIS und HTML/CSS/JS alle Türen offen ;)

    Gibts deine Visu eigentlich irgendwo zum Download? Gefällt mir sehr sehr gut.

    D 1 Reply Last reply
    0
    • G Grantlhaua

      @darkiop said in Einfach mal zeigen will….. :-) - Teil 3:

      @mend Du hast mehrere Möglichkeiten. Entweder wie von Sigi schon verlinkt Scroungers Material Widgets (und da speziell für deine responsive Anforderung das Masonry Widget oder Uhulas Material Design (https://github.com/Uhula/ioBroker-Material-Design-Style) im Zusammenspiel mit Scroungers Widgets.

      Desweiteren Macht es Sinn sich bzgl. CSS das ein oder andere anzueigenen, wie die Berechnung von Werten mit calc()

      https://developer.mozilla.org/de/docs/Web/CSS/calc

      Als Beispiel:
      left: calc(100% - 'halbe Breite des Objekts') = mittig ausrichten.

      Ich setze aktull noch Uhula + Scroungers Widgets ein, so Schaut das aus:

      55f166f0-07f1-4ee0-8c3a-c9ed7468ab27-grafik.png

      fb25cd75-35f1-40f0-aab3-b455ce324fa6-grafik.png

      Grundsätzlich sind mit VIS und HTML/CSS/JS alle Türen offen ;)

      Gibts deine Visu eigentlich irgendwo zum Download? Gefällt mir sehr sehr gut.

      D Online
      D Online
      darkiop
      Most Active
      wrote on last edited by darkiop
      #200

      @Grantlhaua

      https://forum.iobroker.net/topic/23917/einfach-mal-zeigen-will-teil-3/157

      Nicht mehr ganz aktuell, aber sicher etwas zum anfangen :)

      Proxmox-ioBroker-Redis-HA Doku: https://forum.iobroker.net/topic/47478/dokumentation-einer-proxmox-iobroker-redis-ha-umgebung

      G K 2 Replies Last reply
      1
      • S Offline
        S Offline
        smartysmart
        wrote on last edited by
        #201

        Jungs,
        welches widget kann ich für meinen Zweck nutzen ?
        Ich möchte einen Schaltbutton nur anzeigen wenn ein aderes Objket(Datenpunkt) auf true ist.
        Sonst soll es nicht angezeigt werden.

        NegaleinN 1 Reply Last reply
        0
        • D darkiop

          @Grantlhaua

          https://forum.iobroker.net/topic/23917/einfach-mal-zeigen-will-teil-3/157

          Nicht mehr ganz aktuell, aber sicher etwas zum anfangen :)

          G Offline
          G Offline
          Grantlhaua
          wrote on last edited by
          #202

          @darkiop

          welche Widgets hast du verwendet? Bei mir läuft jetzt fast alles auf Fehler weil wahrscheinlich die Widgets fehlen.

          Danke!

          D 1 Reply Last reply
          0
          • S smartysmart

            Jungs,
            welches widget kann ich für meinen Zweck nutzen ?
            Ich möchte einen Schaltbutton nur anzeigen wenn ein aderes Objket(Datenpunkt) auf true ist.
            Sonst soll es nicht angezeigt werden.

            NegaleinN Offline
            NegaleinN Offline
            Negalein
            Global Moderator
            wrote on last edited by
            #203

            @smartysmart sagte in Einfach mal zeigen will….. :-) - Teil 3:

            Ich möchte einen Schaltbutton nur anzeigen wenn ein aderes Objket(Datenpunkt) auf true ist.

            geht mit jedem Button.
            Das anzeigen steuerst du über die Sichtbarkeit.
            Edit vis (5).png

            ° Node.js & System Update ---> sudo apt update, iob stop, sudo apt full-upgrade
            ° Node.js Fixer ---> iob nodejs-update
            ° Fixer ---> iob fix

            1 Reply Last reply
            0
            • NegaleinN Negalein

              @ostseereiter sagte in Einfach mal zeigen will….. :-) - Teil 3:

              So sieht das erst mal bei mir aus aber so richtig schaue ich nicht durch.

              Falsches Widget verwendet.

              Du benötigst 1577108885099-bildschirmfoto-2019-12-23-um-14.44.19.png

              Schau dir nochmal den Beitrag von @StM47 an

              G Offline
              G Offline
              Grantlhaua
              wrote on last edited by
              #204

              @Negalein said in Einfach mal zeigen will….. :-) - Teil 3:

              @ostseereiter sagte in Einfach mal zeigen will….. :-) - Teil 3:

              So sieht das erst mal bei mir aus aber so richtig schaue ich nicht durch.

              Falsches Widget verwendet.

              Du benötigst 1577108885099-bildschirmfoto-2019-12-23-um-14.44.19.png

              Schau dir nochmal den Beitrag von @StM47 an

              Dazu hätte ich auch ne Frage.

              Wie konfiguriere ich dann das Popup? Ich hab jetzt gegoogelt aber so richtig finden tu ich auch nix dazu.

              NegaleinN GlasfaserG 2 Replies Last reply
              0
              • G Grantlhaua

                @Negalein said in Einfach mal zeigen will….. :-) - Teil 3:

                @ostseereiter sagte in Einfach mal zeigen will….. :-) - Teil 3:

                So sieht das erst mal bei mir aus aber so richtig schaue ich nicht durch.

                Falsches Widget verwendet.

                Du benötigst 1577108885099-bildschirmfoto-2019-12-23-um-14.44.19.png

                Schau dir nochmal den Beitrag von @StM47 an

                Dazu hätte ich auch ne Frage.

                Wie konfiguriere ich dann das Popup? Ich hab jetzt gegoogelt aber so richtig finden tu ich auch nix dazu.

                NegaleinN Offline
                NegaleinN Offline
                Negalein
                Global Moderator
                wrote on last edited by
                #205

                @Grantlhaua sagte in Einfach mal zeigen will….. :-) - Teil 3:

                Wie konfiguriere ich dann das Popup? Ich hab jetzt gegoogelt aber so richtig finden tu ich auch nix dazu.

                Du kannst mit diesem Widget ein HTML anzeigen lassen.

                Was möchtest du damit machen?
                Einen DP anzeigen, eine VIEW anzeigen, ...

                ° Node.js & System Update ---> sudo apt update, iob stop, sudo apt full-upgrade
                ° Node.js Fixer ---> iob nodejs-update
                ° Fixer ---> iob fix

                1 Reply Last reply
                0
                • G Grantlhaua

                  @Negalein said in Einfach mal zeigen will….. :-) - Teil 3:

                  @ostseereiter sagte in Einfach mal zeigen will….. :-) - Teil 3:

                  So sieht das erst mal bei mir aus aber so richtig schaue ich nicht durch.

                  Falsches Widget verwendet.

                  Du benötigst 1577108885099-bildschirmfoto-2019-12-23-um-14.44.19.png

                  Schau dir nochmal den Beitrag von @StM47 an

                  Dazu hätte ich auch ne Frage.

                  Wie konfiguriere ich dann das Popup? Ich hab jetzt gegoogelt aber so richtig finden tu ich auch nix dazu.

                  GlasfaserG Offline
                  GlasfaserG Offline
                  Glasfaser
                  wrote on last edited by Glasfaser
                  #206

                  @Grantlhaua sagte in Einfach mal zeigen will….. :-) - Teil 3:

                  Ich hab jetzt gegoogelt aber so richtig finden tu ich auch nix dazu.

                  Nimm mal diesen Link smarthome-tricks.de , // tutorials dort sind auch sehr viel Todo´s

                  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 ..

                  G 1 Reply Last reply
                  0
                  • G Grantlhaua

                    @darkiop

                    welche Widgets hast du verwendet? Bei mir läuft jetzt fast alles auf Fehler weil wahrscheinlich die Widgets fehlen.

                    Danke!

                    D Online
                    D Online
                    darkiop
                    Most Active
                    wrote on last edited by
                    #207

                    @Grantlhaua die Material Design Widgets von Scrounger

                    Proxmox-ioBroker-Redis-HA Doku: https://forum.iobroker.net/topic/47478/dokumentation-einer-proxmox-iobroker-redis-ha-umgebung

                    1 Reply Last reply
                    0
                    • GlasfaserG Glasfaser

                      @Grantlhaua sagte in Einfach mal zeigen will….. :-) - Teil 3:

                      Ich hab jetzt gegoogelt aber so richtig finden tu ich auch nix dazu.

                      Nimm mal diesen Link smarthome-tricks.de , // tutorials dort sind auch sehr viel Todo´s

                      G Offline
                      G Offline
                      Grantlhaua
                      wrote on last edited by
                      #208

                      @Glasfaser said in Einfach mal zeigen will….. :-) - Teil 3:

                      @Grantlhaua sagte in Einfach mal zeigen will….. :-) - Teil 3:

                      Ich hab jetzt gegoogelt aber so richtig finden tu ich auch nix dazu.

                      Nimm mal diesen Link smarthome-tricks.de , // tutorials dort sind auch sehr viel Todo´s

                      Danke! Jetzt geht's, hab mich nur dumm gestellt...

                      1 Reply Last reply
                      0
                      • BostilB Offline
                        BostilB Offline
                        Bostil
                        wrote on last edited by Bostil
                        #209

                        Bin auch im Aufbau einer neuen VIS, aber noch ziemlich work in progress, aber entdecke aktuell die materialdesignwidgets von @Scrounger, die wirklich großartig sind - so, wie andere viele Ideen & Entwicklungen der Mitglieder hier!


                        1.png

                        Anmerkung 2020-03-27 000423.png

                        Anmerkung 2020-03-27 000655.png

                        3.png

                        4.png

                        D P 2 Replies Last reply
                        2
                        • BostilB Bostil

                          Bin auch im Aufbau einer neuen VIS, aber noch ziemlich work in progress, aber entdecke aktuell die materialdesignwidgets von @Scrounger, die wirklich großartig sind - so, wie andere viele Ideen & Entwicklungen der Mitglieder hier!


                          1.png

                          Anmerkung 2020-03-27 000423.png

                          Anmerkung 2020-03-27 000655.png

                          3.png

                          4.png

                          D Online
                          D Online
                          darkiop
                          Most Active
                          wrote on last edited by
                          #210

                          @Bostil sieht klasse aus. Wie hast du die Einkaufsliste mit den Icons realisiert?

                          Proxmox-ioBroker-Redis-HA Doku: https://forum.iobroker.net/topic/47478/dokumentation-einer-proxmox-iobroker-redis-ha-umgebung

                          P BostilB 2 Replies Last reply
                          0
                          • L lesiflo

                            Hallo,

                            auf mehrfachen Wunsch hier noch mal eine aktuelle Ansicht meiner VIS. Ich verwende dazu u.a. die Material Design Widgets von Scrounger und das Material Design CSS v1 von Uhula. Ist noch was dazugekommen und ein paar Änderungen. Leider ist sie zum Hochladen zu groß geworden. Wer sie haben möchte bitte per pn eure email-adresse schicken.

                            Home.JPG Garten.JPGWetter.JPGHeizung.JPGlog.JPGadapter.JPG Heizung_wohnen.JPGkeller.JPGEG.JPGFenster.JPGLicht.JPG Rolläden.JPG

                            Dominik F.D Offline
                            Dominik F.D Offline
                            Dominik F.
                            wrote on last edited by
                            #211

                            @lesiflo

                            Ich finde deine View für das Gewerk Heizung sehr interessant. Ist das mit MDW von Scrounger oder mit MD CSS von Uhula gemacht? Wenn es mit der CSS von Uhula gemacht ist, würdest du mir eine Card z,B, fürs Wohnzimmer zur Verfügung stellen?

                            L 1 Reply Last reply
                            0
                            • G Offline
                              G Offline
                              Grantlhaua
                              wrote on last edited by
                              #212

                              @Bostil

                              sieht toll aus!

                              1 Reply Last reply
                              0
                              • BostilB Bostil

                                Bin auch im Aufbau einer neuen VIS, aber noch ziemlich work in progress, aber entdecke aktuell die materialdesignwidgets von @Scrounger, die wirklich großartig sind - so, wie andere viele Ideen & Entwicklungen der Mitglieder hier!


                                1.png

                                Anmerkung 2020-03-27 000423.png

                                Anmerkung 2020-03-27 000655.png

                                3.png

                                4.png

                                P Offline
                                P Offline
                                PatrickFro
                                wrote on last edited by
                                #213

                                @Bostil Sieht sehr ansprechend aus. Was bewirkt die Aufgabenliste? Ich hatte sowas auch schon gebaut, war damit nicht zufrieden und habe es daher gelöscht. Vielleicht wäre ich daran interessiert ;-)

                                1 Reply Last reply
                                0
                                • D darkiop

                                  @Bostil sieht klasse aus. Wie hast du die Einkaufsliste mit den Icons realisiert?

                                  P Offline
                                  P Offline
                                  PatrickFro
                                  wrote on last edited by
                                  #214

                                  @darkiop Ich schätze, es ist der Adapter Bring

                                  1 Reply Last reply
                                  0
                                  • BostilB Offline
                                    BostilB Offline
                                    Bostil
                                    wrote on last edited by
                                    #215

                                    Danke euch!

                                    Die Aufgabenliste wurde manuell mit Hilfe der material design widgets erstellt. Nutzen? Keine Ahnung so wirklich :-)

                                    Kann es gerne bereit stellen, ist aber wirklich keine Raketenwissenschaft:

                                    • Klick auf Glocke gilt sozusagen als vorgemerkt
                                    • erster Klick auf Kreuz markiert es grün
                                    • zweiter Klick rettetet beides wieder auf grau

                                    Einkaufsliste basiert auf demselben Prinzip, wobei die Grafiken eben manuell über das Widget eingebunden wurden.

                                    PamfP 1 Reply Last reply
                                    0
                                    • P Offline
                                      P Offline
                                      PatrickFro
                                      wrote on last edited by
                                      #216

                                      Ok, hört sich gut an. Benachrichtigungen per Telegram könnte man da ja noch einbauen.

                                      Ich wäre somit interessiert ;-)

                                      1 Reply Last reply
                                      0
                                      • D darkiop

                                        @Grantlhaua

                                        https://forum.iobroker.net/topic/23917/einfach-mal-zeigen-will-teil-3/157

                                        Nicht mehr ganz aktuell, aber sicher etwas zum anfangen :)

                                        K Offline
                                        K Offline
                                        Kuddel
                                        wrote on last edited by
                                        #217

                                        @darkiop ich verwende auch die Widget von @Scrounger , habe es aber nicht hinbekommen bei Untermenü Einträgen ein Icon hinzuzufügen

                                        Meine VIS

                                        1 Reply Last reply
                                        0
                                        • G Offline
                                          G Offline
                                          Grantlhaua
                                          wrote on last edited by Grantlhaua
                                          #218

                                          sooo von mir gibts nun auch die erste View. Sieht alles noch ein bisschen unbeholfen aus weil ich nicht weiß wie ich manches überhaupt mit meinen Enocean Aktoren realisieren kann. (Zum Beispiel soll neben jedes Raff-Store noch 3 Buttons Auf/Ab/Stopp, Leider hab ich aber nur ein Level Objekt) Natürlich fehlt auch noch ein Button für das gleichzeitige Herunter Fahren aller Raff Stores...

                                          Mich freuts aber einfach, dass jetzt schon was funktioniert.

                                          Beschattung.JPG

                                          @darkiop
                                          Welche Schriftart nutzt du? Die gefällt mir auch sehr gut.

                                          C D 2 Replies 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

                                          566

                                          Online

                                          32.7k

                                          Users

                                          82.4k

                                          Topics

                                          1.3m

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

                                          • Don't have an account? Register

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