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
    18
    1
    720

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

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

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

Scheduled Pinned Locked Moved Praktische Anwendungen (Showcase)
visvisualisierungvisualizationvis editor
813 Posts 155 Posters 354.9k 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.
  • K kukoratsch

    @lesiflo
    Kannst du bei javascript.0.Eigene_Variablen.Vis.Umschalten_Intervall bei Fully-Browser Popup Fenster, etwas näher erklären, wie ich es umsetzen kann?
    Ist das ein seperates Script?
    Danke

    L Offline
    L Offline
    lesiflo
    Most Active
    wrote on last edited by
    #198

    @kukoratsch Das ist eine Variable mit der ich das Intervall der einzelnen Diagramme umschalten kann.
    Kuckst du hier: https://forum.iobroker.net/topic/29662/material-design-widgets-line-history-chart-widget

    1 Reply Last reply
    1
    • 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

                                          Hello! It looks like you're interested in this conversation, but you don't have an account yet.

                                          Getting fed up of having to scroll through the same posts each visit? When you register for an account, you'll always come back to exactly where you were before, and choose to be notified of new replies (either via email, or push notification). You'll also be able to save bookmarks and upvote posts to show your appreciation to other community members.

                                          With your input, this post could be even better 💗

                                          Register Login
                                          Reply
                                          • Reply as topic
                                          Log in to reply
                                          • Oldest to Newest
                                          • Newest to Oldest
                                          • Most Votes


                                          Support us

                                          ioBroker
                                          Community Adapters
                                          Donate

                                          365

                                          Online

                                          32.7k

                                          Users

                                          82.6k

                                          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