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. Praktische Anwendungen (Showcase)
  4. Einfach mal zeigen will….. :-) - Teil 3

NEWS

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

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

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

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

Geplant Angeheftet Gesperrt Verschoben Praktische Anwendungen (Showcase)
visvisualisierungvisualizationvis editor
813 Beiträge 155 Kommentatoren 333.4k 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.
  • L lesiflo

    @Baerny:
    Ist halt mit der Zeit so gewachsen. Wenn man erstmal ein Grundgerüst hat, ist eine Erweiterung recht einfach. Und ein paar Sachen habe ich auch hier aus dem Forum übernommen und an meine VIS angepasst.

    K Offline
    K Offline
    kukoratsch
    schrieb am zuletzt editiert von
    #197

    @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 1 Antwort Letzte Antwort
    0
    • 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
      schrieb am zuletzt editiert von
      #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 Antwort Letzte Antwort
      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
        schrieb am zuletzt editiert von
        #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 Antwort Letzte Antwort
        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
          schrieb am zuletzt editiert von 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 Antworten Letzte Antwort
          1
          • S Offline
            S Offline
            smartysmart
            schrieb am zuletzt editiert von
            #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 Antwort Letzte Antwort
            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
              schrieb am zuletzt editiert von
              #202

              @darkiop

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

              Danke!

              D 1 Antwort Letzte Antwort
              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
                schrieb am zuletzt editiert von
                #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: 20.17.0 NPM: 10.8.2
                ° Proxmox, Ubuntu 22.04.3 LTS
                ° Fixer ---> iob fix

                1 Antwort Letzte Antwort
                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
                  schrieb am zuletzt editiert von
                  #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 Antworten Letzte Antwort
                  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
                    schrieb am zuletzt editiert von
                    #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: 20.17.0 NPM: 10.8.2
                    ° Proxmox, Ubuntu 22.04.3 LTS
                    ° Fixer ---> iob fix

                    1 Antwort Letzte Antwort
                    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
                      schrieb am zuletzt editiert von 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 Antwort Letzte Antwort
                      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
                        schrieb am zuletzt editiert von
                        #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 Antwort Letzte Antwort
                        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
                          schrieb am zuletzt editiert von
                          #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 Antwort Letzte Antwort
                          0
                          • BostilB Offline
                            BostilB Offline
                            Bostil
                            schrieb am zuletzt editiert von 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 Antworten Letzte Antwort
                            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
                              schrieb am zuletzt editiert von
                              #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 Antworten Letzte Antwort
                              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.
                                schrieb am zuletzt editiert von
                                #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 Antwort Letzte Antwort
                                0
                                • G Offline
                                  G Offline
                                  Grantlhaua
                                  schrieb am zuletzt editiert von
                                  #212

                                  @Bostil

                                  sieht toll aus!

                                  1 Antwort Letzte Antwort
                                  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
                                    schrieb am zuletzt editiert von
                                    #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 Antwort Letzte Antwort
                                    0
                                    • D darkiop

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

                                      P Offline
                                      P Offline
                                      PatrickFro
                                      schrieb am zuletzt editiert von
                                      #214

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

                                      1 Antwort Letzte Antwort
                                      0
                                      • BostilB Offline
                                        BostilB Offline
                                        Bostil
                                        schrieb am zuletzt editiert von
                                        #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 Antwort Letzte Antwort
                                        0
                                        • P Offline
                                          P Offline
                                          PatrickFro
                                          schrieb am zuletzt editiert von
                                          #216

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

                                          Ich wäre somit interessiert ;-)

                                          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

                                          742

                                          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