Navigation

    Logo
    • Register
    • Login
    • Search
    • Recent
    • Tags
    • Unread
    • Categories
    • Unreplied
    • Popular
    • GitHub
    • Docu
    • Hilfe
    1. Home
    2. Deutsch
    3. Visualisierung
    4. Zeigt her eure iQontrol Visualisierung

    NEWS

    • Neuer Blog: Fotos und Eindrücke aus Solingen

    • ioBroker@Smart Living Forum Solingen, 14.06. - Agenda added

    • ioBroker goes Matter ... Matter Adapter in Stable

    Zeigt her eure iQontrol Visualisierung

    This topic has been deleted. Only users with topic management privileges can see it.
    • E
      eMd @martinschm last edited by

      @martinschm

      UI Kit

      mfg
      eMd

      1 Reply Last reply Reply Quote 0
      • K
        Kueppert last edited by

        Hi,
        wie bekommt ihr es hin, dass der transparente Hintergrund auch transparent bleibt??
        3b0ad5b6-497a-4e81-abdf-abe08c27cc65-grafik.png
        Hab die Bilder mit transparentem Hintergrund runtergeladen und als png abgespeichert...laus mich doch der Affe, Mensch

        E dslraser 3 Replies Last reply Reply Quote 0
        • E
          eMd @Kueppert last edited by

          @Kueppert

          Ja mehr habe ich auch nicht gemacht, .png mit transparentem Hintergrund und fertig... vielleicht nochmal extra woanders herunterladen?

          mfg
          eMd

          1 Reply Last reply Reply Quote 0
          • dslraser
            dslraser Forum Testing Most Active @Kueppert last edited by

            @Kueppert sagte in Zeigt her eure iQontrol Visualisierung:

            Hab die Bilder mit transparentem Hintergrund runtergeladen

            die Bilder sehen nicht wirklich "transparent" aus.

            K 1 Reply Last reply Reply Quote 0
            • dslraser
              dslraser Forum Testing Most Active @Kueppert last edited by dslraser

              @Kueppert

              probiere mal die

              Heating Radiator.png

              homepod.png

              679288-200.png

              1048949-200.png

              K 1 Reply Last reply Reply Quote 1
              • K
                Kueppert @dslraser last edited by Kueppert

                @dslraser danke dir ganz herzlich 🙂 Die funktionieren...ich hatte mir eben GIMP installiert, den Hintergund (nochmal) transparent gemacht (3mal), das png wieder gespeichert...nix...keine Ahnung, warum das nicht klappt.
                Danke für die fertigen Icons 😉 Jetzt ist schick ^^
                f757f82c-78bd-4c08-aefd-221634bdc51c-grafik.png
                VG Thorsten

                dslraser 1 Reply Last reply Reply Quote 0
                • K
                  Kueppert @dslraser last edited by

                  @dslraser hier mal das "transparente" png, das ich eigentlich nutzen wollte
                  Dot-clipart.png

                  1 Reply Last reply Reply Quote 0
                  • dslraser
                    dslraser Forum Testing Most Active @Kueppert last edited by

                    @Kueppert

                    Good Quality Filled.png

                    Good Quality.png

                    Wall Socket Filled.png

                    Wall Socket.png

                    Wall Socket With Plug.png

                    Wall Socket With Plug Filled.png

                    1 Reply Last reply Reply Quote 1
                    • s.bormann
                      s.bormann Most Active @Kueppert last edited by

                      @Kueppert Hi, ich habe die alten Homematic-Rauchmelder. Die haben einen Anschluss für einen kabelgebundenen Alarmkontakt. An den habe ich einen Schaltaktor (batteriebetrieben) angeschlossen und kann damit sowohl Alarm auslösen (kurzer Schaltimpuls - nutze ich für die Alarmanlage) als auch Entwarnung geben (langer Schaltimpuls).

                      1 Reply Last reply Reply Quote 1
                      • B
                        blackeagle998 last edited by

                        Dann möchte ich meine iQontrol Visualisierung auch mal kurz zeigen 🙂

                        Kurz vorab:
                        Die Hauptansicht besteht nur aus einer View (Seite) und läuft unter der Instanz iqontrol.0, alle Verknüpfungen (Rollladen, Staubsauger, Sonos etc.) sind einzelne Instanzen, die per Popup aus der Main-View aufgerufen werden.

                        Seitdem ich diese „modulare“ Trennung habe, laden die Seiten schneller und ich habe auch keine Probleme mehr beim Import/Export der Konfiguration der einzelnen Instanzen.

                        So nun aber mal zu den Views.

                        Hauptseite (Main-View):
                        01_Main.png

                        Rollladen:
                        02_Rollladen.png

                        03_Rollladen_Zeiten_öffnen.png

                        03_Rollladen_Zeiten_schließen.png

                        05_Rollladen_Stellungen.png

                        06_Rollladen_Sperrzeiten.png

                        Staubsauger (Roborock S50):
                        07_Staubsauger.png

                        08_Staubsauger_Zimmer.png

                        Fenster:
                        09_Fenster.png

                        Licht:
                        10_Licht.png

                        Klingel:
                        11_Klingel.png

                        Raspberry PI:
                        12_RasPI.png

                        13_RasPI_Skripte.png

                        Sonos:
                        14_Sonos.png

                        15_Sonos_Kindermusik_LegoCity.png

                        Das war's erstmal, sind nicht alle Views, aber die wichtigsten bzw. die auch aktiv wirklich genutzt werden.

                        In diesem Sinne, alles Gute und bleibt gesund!!!

                        K 1 Reply Last reply Reply Quote 4
                        • K
                          Kueppert @blackeagle998 last edited by

                          @blackeagle998 offtopic, sorry Frage: wie/womit hast du deine Türklingel in ioBroker eingebunden? Hardware/Adapter? Wird für mich zukünftig bei einer Renovierung mal von sehr großem Interesse sein, hier infos zu sammeln 🙂

                          B G 2 Replies Last reply Reply Quote 0
                          • B
                            blackeagle998 @Kueppert last edited by

                            @Kueppert
                            Ich habe eine Standard Türklingel, die per 12V von einem Trafo versorgt wird und außen einen normalen Taster (Klingelknopf) hat.

                            Momentan habe ich den 12V Dauerstrom einfach nur über den Raspberry PI durchgeleitet (mit einem Relais an die GPIO Pins angeschlossen). Heißt, die Klingel ist dauerhaft an. Wenn ich den entsprechenden GPIO PIN auf (High = 1) setze, wird das Relais umgeschaltet und der Strom zur Klingel wird unterbrochen.

                            Das ist eher eine "Notlösung", war für mich aber nicht anders machbar und relativ einfach umzusetzen.
                            Den Klingelimpuls selbst, kann ich momentan (noch) nicht abgreifen.

                            Für einen Neubau etc. ist das sicherlich nicht die richtige Lösung, da gibt es mit Sicherheit andere/bessere, da habe ich mich leider vorab nicht richtig mit beschäftigt 🙄

                            1 Reply Last reply Reply Quote 1
                            • H
                              Hc-Yami last edited by

                              Screenshot_20210110-192803_Chrome.jpg
                              Screenshot_20210110-192817_Chrome.jpg
                              Screenshot_20210110-192822_Chrome.jpg Screenshot_20210110-192827_Chrome.jpg
                              Screenshot_20210110-192831_Chrome.jpg Screenshot_20210110-192840_Chrome.jpg Screenshot_20210110-192844_Chrome.jpg Screenshot_20210110-192851_Chrome.jpg

                              Habe eigentlich nur die Icons getauscht weil die Frau es so wollte. 🙂

                              @Kueppert das könntest du auch mit einem Shelly 1 oder dem extra dafür verkauften Homematic Klingelsensor realisieren! 🙂

                              M 1 Reply Last reply Reply Quote 1
                              • M
                                martinschm @Hc-Yami last edited by

                                @Hc-Yami said in Zeigt her eure iQontrol Visualisierung:

                                Screenshot_20210110-192803_Chrome.jpg
                                Screenshot_20210110-192817_Chrome.jpg
                                Screenshot_20210110-192822_Chrome.jpg Screenshot_20210110-192827_Chrome.jpg
                                Screenshot_20210110-192831_Chrome.jpg Screenshot_20210110-192840_Chrome.jpg Screenshot_20210110-192844_Chrome.jpg Screenshot_20210110-192851_Chrome.jpg

                                Habe eigentlich nur die Icons getauscht weil die Frau es so wollte. 🙂

                                @Kueppert das könntest du auch mit einem Shelly 1 oder dem extra dafür verkauften Homematic Klingelsensor realisieren! 🙂

                                Sieht gut aus, schöne Icons hast du da.

                                1 Reply Last reply Reply Quote 0
                                • dslraser
                                  dslraser Forum Testing Most Active last edited by

                                  bei mir hat sich einiges in der Hauptansicht verändert. Es ist fast alles auf/zu klappbar oder zum vergrößern/verkleinern. Alle einzelnen Ansichten sind über die jeweiligen Icon erreichbar.

                                  Screenshot_20210110-201955_Chrome.jpg

                                  20210110_202518.jpg

                                  M 1 Reply Last reply Reply Quote 0
                                  • M
                                    martinschm @dslraser last edited by

                                    @dslraser said in Zeigt her eure iQontrol Visualisierung:

                                    bei mir hat sich einiges in der Hauptansicht verändert. Es ist fast alles auf/zu klappbar oder zum vergrößern/verkleinern. Alle einzelnen Ansichten sind über die jeweiligen Icon erreichbar.

                                    Screenshot_20210110-201955_Chrome.jpg

                                    20210110_202518.jpg

                                    Auch nicht schlecht. Dann sind die Icons aber nur dafür da um zu den Detailseiten zu springen oder wie sehen die aus, wenn sie sich aufklappen?

                                    Bei den Zeilen mit der Steckdose oder Bewegungsmelder, ist das eine Kachel oder mehrere?
                                    Was machen die Pfeile die im Kreis laufen?

                                    M dslraser 2 Replies Last reply Reply Quote 0
                                    • M
                                      martinschm @martinschm last edited by

                                      Ich würde ja gerne ein paar Screenshots von @muuulle sehen 😉

                                      M 1 Reply Last reply Reply Quote 0
                                      • dslraser
                                        dslraser Forum Testing Most Active @martinschm last edited by dslraser

                                        @martinschm sagte in Zeigt her eure iQontrol Visualisierung:

                                        Bei den Zeilen mit der Steckdose oder Bewegungsmelder, ist das eine Kachel oder mehrere?

                                        geschlossen 3 × 0,5
                                        geöffnet 3 x 2
                                        vergrößert ganzer Bildschirm

                                        Was machen die Pfeile die im Kreis laufen?

                                        klick auf das linke Icon (Pfeile) kann man Farben oder eben eigene html Einstellungen wechseln (einstellbar über Datenpunkte)

                                        Das rechte Icon öffnet oder schließt die Ansicht per klick darauf.

                                        Screenshot_20210110-215229_Chrome.jpg

                                        Screenshot_20210110-215304_Chrome.jpg

                                        Screenshot_20210110-215323_Chrome.jpg

                                        M 1 Reply Last reply Reply Quote 1
                                        • M
                                          martinschm @dslraser last edited by

                                          @dslraser said in Zeigt her eure iQontrol Visualisierung:

                                          @martinschm sagte in Zeigt her eure iQontrol Visualisierung:

                                          Bei den Zeilen mit der Steckdose oder Bewegungsmelder, ist das eine Kachel oder mehrere?

                                          geschlossen 3 × 0,5
                                          geöffnet 3 x 2
                                          vergrößert ganzer Bildschirm

                                          Was machen die Pfeile die im Kreis laufen?

                                          klick auf das linke Icon (Pfeile) kann man Farben oder eben eigene html Einstellungen wechseln (einstellbar über Datenpunkte)

                                          Das rechte Icon öffnet oder schließt die Ansicht per klick darauf.

                                          Screenshot_20210110-215229_Chrome.jpg

                                          Screenshot_20210110-215304_Chrome.jpg

                                          Screenshot_20210110-215323_Chrome.jpg

                                          Was bedeutet Farbe wechseln?
                                          So wie in deinen Screenshots einmal hell, einmal dunkel?

                                          Mit dem Icon schaltest du die Bedingung für vergrößern, richtig?
                                          Bin mir aber immer noch nicht ganz sicher ob ich verstehe wie du es eingerichtet hast. Kannst du mal die Config zeigen und welche Geräte Kachel du verwendest?

                                          Ciao
                                          Martin

                                          dslraser 1 Reply Last reply Reply Quote 0
                                          • dslraser
                                            dslraser Forum Testing Most Active @martinschm last edited by dslraser

                                            @martinschm sagte in Zeigt her eure iQontrol Visualisierung:

                                            Was bedeutet Farbe wechseln?
                                            So wie in deinen Screenshots einmal hell, einmal dunkel?

                                            ja, so wie in den Screenshots. Das weiß - blaue Bild könnte man über Datenpunkte beliebig anpassen.

                                            Mit dem Icon schaltest du die Bedingung für vergrößern, richtig?

                                            ja, ist so gemacht wie hier:

                                            Screenshot_20210111-054925_Chrome.jpg

                                            Screenshot_20210111-054943_Chrome.jpg

                                            Screenshot_20210111-055006_Chrome.jpg

                                            Screenshot_20210111-055109_Chrome.jpg

                                            oder quer (am Handy)

                                            Screenshot_20210111-055140_Chrome.jpg

                                            Das html ist damit gemacht.
                                            https://forum.iobroker.net/post/549501
                                            Es gibt zwei html Listen zur Auswahl, einmal alle Geräte, oder nur die "aktiven" Geräte.
                                            Die rote Schrift in der Überschrift erscheint nur, wenn es "aktive Geräte" gibt.

                                            Kannst du mal die Config zeigen und welche Geräte Kachel du verwendest?

                                            Die kachel ist ein Widget, Wie es eingerichtet ist müßte ich nachreichen.

                                            Hier ist ein kurzes Gif als Beispiel.
                                            20201208_210117.gif

                                            oder auch für eine 0,5×0,5 Kachel
                                            (hattest Du oben gefragt)

                                            Dann sind die Icons aber nur dafür da um zu den Detailseiten zu springen oder wie sehen die aus, wenn sie sich aufklappen?

                                            Manche sehen dann so aus und manche springen dann in die Detailansicht.

                                            20201231_195224.gif

                                            Hier im zweiten Beitrag findest Du einen Spoiler mit Beispielansichten

                                            https://forum.iobroker.net/post/549503

                                            Hier ist es so, sobald irgendein Gerät aus dieser verknüpften Ansicht eingeschaltet ist, dann ist der Symbol Hintergrund weiß/hell, sonst nicht.

                                            Screenshot_20210111-063918_Chrome.jpg

                                            Bei der Heizung habe ich es so, sobald eine Heizung auf größer 18 Grad eingestellt ist, dann wird der Hintergrund des Icon weiß/hell.

                                            usw....

                                            M 1 Reply Last reply Reply Quote 1
                                            • First post
                                              Last post

                                            Support us

                                            ioBroker
                                            Community Adapters
                                            Donate

                                            882
                                            Online

                                            31.8k
                                            Users

                                            79.9k
                                            Topics

                                            1.3m
                                            Posts

                                            iqontrol
                                            48
                                            345
                                            65525
                                            Loading More Posts
                                            • Oldest to Newest
                                            • Newest to Oldest
                                            • Most Votes
                                            Reply
                                            • Reply as topic
                                            Log in to reply
                                            Community
                                            Impressum | Datenschutz-Bestimmungen | Nutzungsbedingungen
                                            The ioBroker Community 2014-2023
                                            logo