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

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

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

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

Geplant Angeheftet Gesperrt Verschoben Praktische Anwendungen (Showcase)
visvisualisierungvisualizationvis editor
813 Beiträge 155 Kommentatoren 332.1k 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 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
                                        • 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
                                          schrieb am zuletzt editiert von
                                          #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 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

                                          478

                                          Online

                                          32.4k

                                          Benutzer

                                          81.4k

                                          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