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

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

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

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

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

Geplant Angeheftet Gesperrt Verschoben Praktische Anwendungen (Showcase)
visvisualisierungvisualizationvis editor
813 Beiträge 155 Kommentatoren 331.8k 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.
  • 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 Offline
      D Offline
      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 Offline
                    D Offline
                    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 Offline
                          D Offline
                          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
                                        • G Offline
                                          G Offline
                                          Grantlhaua
                                          schrieb am zuletzt editiert von 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 Antworten Letzte Antwort
                                          0
                                          Antworten
                                          • In einem neuen Thema antworten
                                          Anmelden zum Antworten
                                          • Älteste zuerst
                                          • Neuste zuerst
                                          • Meiste Stimmen


                                          Support us

                                          ioBroker
                                          Community Adapters
                                          Donate

                                          321

                                          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