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. Tester
  4. vis-inventwo v.2.x.x

NEWS

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

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

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

vis-inventwo v.2.x.x

Geplant Angeheftet Gesperrt Verschoben Tester
inventwotestwidgetcss
443 Beiträge 63 Kommentatoren 109.9k Aufrufe 66 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.
  • Bastian LahrmannB Bastian Lahrmann

    Hallo,

    erstmal vielen Dank für die Neuerungen. Ich konnte mir in sehr kurzer Zeit schon eine gute Vis bauen.
    Ich habe das mit der Version 2.8.2 gemacht.

    Auf dem PC funktionieren die Pop Ups sehr gut und sicher. Auf dem Mobiltelefon allerdings nicht. In der Vis-App meistens überhaupt nicht, in dem Chrome-Browser auf dem Pixel 4 auch meistens nicht oder die Anzeige ist sehr verrutscht, sodass sie nicht zu nutzen sind.
    Ist das ein Problem der Einstellung der Widgets oder ein zu meldender Bug?

    Beste Grüße
    Bastian

    jkvarelJ Offline
    jkvarelJ Offline
    jkvarel
    Developer
    schrieb am zuletzt editiert von
    #212

    @bastian-lahrmann der Fehler ist mir bekannt. Ich bin dabei nach einer Lösung zu suchen. Wird mit dem nächstem Update behoben

    1 Antwort Letzte Antwort
    1
    • jkvarelJ jkvarel

      @legro @BananaJoe

      Die Colorslider unterstützt, wie bereits erwähnt wurde, HEX, RGB und CIE (xy).
      HEX => 1 Datenpunkt mit HEX-Code (Beispiel: #ffffff)
      RGB => 3 Datenpunkte für rot, grün und blau (Jeder Datenpunkt enthält einen Wert zwischen 0 und 255)
      CIE => 1 Datenpunkt mit x und y kommagetrennt

      Die Colorslider können nur den HUE Farbraum darstellen. Jegliche Änderung der Helligkeit führt daher zur falschen Darstellung. D.h. es muss sichergestellt werden, dass die Werte, die der Slider erhält auch nur den Farbton angeben und nicht auch die Helligkeit.

      @legro
      Beschriftung ist um dem Slider einen Titel zu geben. Wenn du zum Beispiel mehrere Slider hast, weiß du vielleicht nicht welcher für was ist. So kannst du denen einen Namen geben. Die Ausrichtung der Texte kann aktuell nicht beeinflusst werden

      L Abwesend
      L Abwesend
      legro
      schrieb am zuletzt editiert von legro
      #213

      @jkvarel

      Vielen Dank für deine ausführlichen Erläuterungen. Dank der hier gefundenen Erklärungen habe ich nun leidlich verstanden, wie das mit den Farbräumen funktioniert.

      Dass ich bei RGB zunächst nicht bemerkt habe, dass drei Datenpunkte eingeblendet wurden, war keine Farbsehschwäche, sondern mangelnde Konzentration.:smirk: :slightly_frowning_face:

      Zunehmend komme ich dank eurer Hilfestellungen mit euren Widgets immer besser zurecht. Wäre es nicht an der Zeit, eure Hilfe (WIKI) zu den Widgets zu überarbeiten/ergänzen? So würden sich viele Fragen für (mich als) Anfänger erübrigen und ihr hättet mehr Zeit eure sehr guten Widgets weiterzuentwickeln.:slightly_smiling_face:

      Nach über vier Jahren Leidenszeit unter Qivicon/MSH vor den Telekomikern zu ioBroker geflüchtet.
      Raspberry Pi 4 mit 8GB + ArgonOneM.2 + 120GB SSD + Coordinator CC26X2R1 + ioBroker + piVCCU3

      L 1 Antwort Letzte Antwort
      0
      • L legro

        @jkvarel

        Vielen Dank für deine ausführlichen Erläuterungen. Dank der hier gefundenen Erklärungen habe ich nun leidlich verstanden, wie das mit den Farbräumen funktioniert.

        Dass ich bei RGB zunächst nicht bemerkt habe, dass drei Datenpunkte eingeblendet wurden, war keine Farbsehschwäche, sondern mangelnde Konzentration.:smirk: :slightly_frowning_face:

        Zunehmend komme ich dank eurer Hilfestellungen mit euren Widgets immer besser zurecht. Wäre es nicht an der Zeit, eure Hilfe (WIKI) zu den Widgets zu überarbeiten/ergänzen? So würden sich viele Fragen für (mich als) Anfänger erübrigen und ihr hättet mehr Zeit eure sehr guten Widgets weiterzuentwickeln.:slightly_smiling_face:

        L Abwesend
        L Abwesend
        legro
        schrieb am zuletzt editiert von legro
        #214

        Nachdem ich nun meine Lampen in Helligkeit, Farbtemperatur und Farbwerten steuern kann, kommt das nächste Projekt: Rollladensteuerung.

        Ehrlich gesagt habe ich noch keine ausgereifte Idee. Hier nun meine noch völlig unausgereiften Gedanken ..

        • MultiWidget verwenden, um unterschiedliche Bilder (offen/geschlossen) anzuzeigen.
        • Zusätzlich einen vertikalen Slider, um den Öffnungsgrad zu steuern
        • Aber wie realisiere ich komplett öffnen/schließen?

        .. oder ..

        • 2-fach MultiButton verwenden für AUF/ZU
        • eigenen Button für STOP
        • vertikaler Slider für Öffnungsgrad

        .. oder ..

        • ???

        Könnten bitte jene, die hier schon Lösungen gefunden haben, diese zum Besten geben?

        Nachtrag ..

        Im Github fand ich diese Nachfrage, die gleich fast schon wie eine Lösung daherkommt.:slightly_smiling_face:

        Nach über vier Jahren Leidenszeit unter Qivicon/MSH vor den Telekomikern zu ioBroker geflüchtet.
        Raspberry Pi 4 mit 8GB + ArgonOneM.2 + 120GB SSD + Coordinator CC26X2R1 + ioBroker + piVCCU3

        1 Antwort Letzte Antwort
        0
        • jkvarelJ jkvarel

          @legro @BananaJoe

          Die Colorslider unterstützt, wie bereits erwähnt wurde, HEX, RGB und CIE (xy).
          HEX => 1 Datenpunkt mit HEX-Code (Beispiel: #ffffff)
          RGB => 3 Datenpunkte für rot, grün und blau (Jeder Datenpunkt enthält einen Wert zwischen 0 und 255)
          CIE => 1 Datenpunkt mit x und y kommagetrennt

          Die Colorslider können nur den HUE Farbraum darstellen. Jegliche Änderung der Helligkeit führt daher zur falschen Darstellung. D.h. es muss sichergestellt werden, dass die Werte, die der Slider erhält auch nur den Farbton angeben und nicht auch die Helligkeit.

          @legro
          Beschriftung ist um dem Slider einen Titel zu geben. Wenn du zum Beispiel mehrere Slider hast, weiß du vielleicht nicht welcher für was ist. So kannst du denen einen Namen geben. Die Ausrichtung der Texte kann aktuell nicht beeinflusst werden

          BananaJoeB Online
          BananaJoeB Online
          BananaJoe
          Most Active
          schrieb am zuletzt editiert von
          #215

          @jkvarel
          ich habe meine RGB Steuerung umgesetzt bekommen mit dem Farbregler und der Helligkeit.

          Und da muss ich doch noch mal ein extra dickes Lob aussprechen: Allein dafür das ich bei meinem gewünschten Slider für die Helligkeit im Feld für die Slider Balken - Farbe einfach ein

          linear-gradient(90deg, rgba(0,0,0,1) 0%, rgba(255,255,255,1) 100%);
          

          einsetzen konnte (mit einem CSS Web Generator erstellt) und er das auch noch wie gewünscht darstellt:
          60e257d3-04bb-4128-b718-de30ef2233dd-image.png

          Lob und Anerkennung an dich (und deinen Bruder)!

          ioBroker@Ubuntu 24.04 LTS (VMware) für: >260 Geräte, 5 Switche, 7 AP, 9 IP-Cam, 1 NAS 42TB, 1 ESXi 15TB, 4 Proxmox 1TB, 1 Hyper-V 48TB, 14 x Echo, 5x FireTV, 5 x Tablett/Handy VIS || >=160 Tasmota/Shelly || >=95 ZigBee || PV 8.1kW / Akku 14kWh || 2x USV 750W kaskadiert || Creality CR-10 SE 3D-Drucker

          L Andreas67 0A 2 Antworten Letzte Antwort
          0
          • BananaJoeB BananaJoe

            @jkvarel
            ich habe meine RGB Steuerung umgesetzt bekommen mit dem Farbregler und der Helligkeit.

            Und da muss ich doch noch mal ein extra dickes Lob aussprechen: Allein dafür das ich bei meinem gewünschten Slider für die Helligkeit im Feld für die Slider Balken - Farbe einfach ein

            linear-gradient(90deg, rgba(0,0,0,1) 0%, rgba(255,255,255,1) 100%);
            

            einsetzen konnte (mit einem CSS Web Generator erstellt) und er das auch noch wie gewünscht darstellt:
            60e257d3-04bb-4128-b718-de30ef2233dd-image.png

            Lob und Anerkennung an dich (und deinen Bruder)!

            L Abwesend
            L Abwesend
            legro
            schrieb am zuletzt editiert von legro
            #216

            @jkvarel @skvarel

            Nach längerem Grübeln, kann ich (m)eine erste Lösung vorstellen.

            • Die beiden Tasten (MultiButton) mit den Pfeilen sorgen für ein Hoch-/Runterfahren (slider auf 100 bzw. 0 setzen).
            • Mit der Schaltfläche STOP (Widget state mit Verweildauer=2), kann ich eine Bewegung des Rollladens abbrechen, indem der entsprechende Datenpunkt für 2s von false auf true geschaltet wird. Leider nimmt das Widget für die Zeit seiner Aktivierung (Verweildauer=2) nicht die Farbe Grün an. Kann man das irgendwie einstellen?
            • Mittels des Schiebereglers (Option: Wert bei Loslassen aktiv), kann ich jede gewünschte Position ansteuern.

            Wie die Abbildung zeigt, sieht das Ganze optisch nicht gerade schön aus. Der Hintergrund des Sliders ist ein hellgraues Quadrat. Wie kann ich den anpassen? (Transparenz? Farbe?)

            9541ca95-1f89-4c05-b45b-7e0500fa90f0-image.png

            Wünsche ..

            Wünschen würde ich mir, ich könnte den STOP Button in die Reihe der Pfeil-Buttons einfügen. Dazu müsste jedoch das MultiButton-Widget sich mit mehr als nur einen Datenpunkt verbinden lassen.
            Wenn dies möglich wäre, könnte man den vertikalen Schieberegler (Slider) in gleicher Höhe wie die drei Buttons rechts daneben anordnen und man hätte eine wunderschöne, kompakte Darstellung.

            PS: Statt in Worten mich zu bedanken, habe ich ein kleines Dankeschön in € gesandt.:blush: Hoffentlich motiviert es nicht nur euch, eure hervorragende Arbeiten fortzusetzen, sondern auch andere Nutzer, dies mir gleichzutun.:blush:

            Nach über vier Jahren Leidenszeit unter Qivicon/MSH vor den Telekomikern zu ioBroker geflüchtet.
            Raspberry Pi 4 mit 8GB + ArgonOneM.2 + 120GB SSD + Coordinator CC26X2R1 + ioBroker + piVCCU3

            BananaJoeB 1 Antwort Letzte Antwort
            0
            • L legro

              @jkvarel @skvarel

              Nach längerem Grübeln, kann ich (m)eine erste Lösung vorstellen.

              • Die beiden Tasten (MultiButton) mit den Pfeilen sorgen für ein Hoch-/Runterfahren (slider auf 100 bzw. 0 setzen).
              • Mit der Schaltfläche STOP (Widget state mit Verweildauer=2), kann ich eine Bewegung des Rollladens abbrechen, indem der entsprechende Datenpunkt für 2s von false auf true geschaltet wird. Leider nimmt das Widget für die Zeit seiner Aktivierung (Verweildauer=2) nicht die Farbe Grün an. Kann man das irgendwie einstellen?
              • Mittels des Schiebereglers (Option: Wert bei Loslassen aktiv), kann ich jede gewünschte Position ansteuern.

              Wie die Abbildung zeigt, sieht das Ganze optisch nicht gerade schön aus. Der Hintergrund des Sliders ist ein hellgraues Quadrat. Wie kann ich den anpassen? (Transparenz? Farbe?)

              9541ca95-1f89-4c05-b45b-7e0500fa90f0-image.png

              Wünsche ..

              Wünschen würde ich mir, ich könnte den STOP Button in die Reihe der Pfeil-Buttons einfügen. Dazu müsste jedoch das MultiButton-Widget sich mit mehr als nur einen Datenpunkt verbinden lassen.
              Wenn dies möglich wäre, könnte man den vertikalen Schieberegler (Slider) in gleicher Höhe wie die drei Buttons rechts daneben anordnen und man hätte eine wunderschöne, kompakte Darstellung.

              PS: Statt in Worten mich zu bedanken, habe ich ein kleines Dankeschön in € gesandt.:blush: Hoffentlich motiviert es nicht nur euch, eure hervorragende Arbeiten fortzusetzen, sondern auch andere Nutzer, dies mir gleichzutun.:blush:

              BananaJoeB Online
              BananaJoeB Online
              BananaJoe
              Most Active
              schrieb am zuletzt editiert von BananaJoe
              #217

              @legro
              Wenn du 3 Einzel-Widgets für Rauf, Runter und Stop nimmst statt des Multiwidgets, dann kannst du die doch in eine Reihe packen? Umständlicher aber so ist das wenn man Sonderwünsche hat ;-)

              Bei mir haben die Slider ab Werk einen Transparenten Hintergrund, such mal die Felder ab in denen du überall eine Farbe eingetragen hast. Wenn du den Wert rauslöscht nimmt er Transparent.

              ioBroker@Ubuntu 24.04 LTS (VMware) für: >260 Geräte, 5 Switche, 7 AP, 9 IP-Cam, 1 NAS 42TB, 1 ESXi 15TB, 4 Proxmox 1TB, 1 Hyper-V 48TB, 14 x Echo, 5x FireTV, 5 x Tablett/Handy VIS || >=160 Tasmota/Shelly || >=95 ZigBee || PV 8.1kW / Akku 14kWh || 2x USV 750W kaskadiert || Creality CR-10 SE 3D-Drucker

              L 1 Antwort Letzte Antwort
              1
              • BananaJoeB BananaJoe

                @legro
                Wenn du 3 Einzel-Widgets für Rauf, Runter und Stop nimmst statt des Multiwidgets, dann kannst du die doch in eine Reihe packen? Umständlicher aber so ist das wenn man Sonderwünsche hat ;-)

                Bei mir haben die Slider ab Werk einen Transparenten Hintergrund, such mal die Felder ab in denen du überall eine Farbe eingetragen hast. Wenn du den Wert rauslöscht nimmt er Transparent.

                L Abwesend
                L Abwesend
                legro
                schrieb am zuletzt editiert von legro
                #218

                @bananajoe said in vis-inventwo v.2.x.x:

                Wenn du 3 Einzel-Widgets für Rauf, Runter und Stop nimmst statt des Multiwidgets, dann ..

                Schon klar. Aber vielleicht suchen die Entwickler ja nach weiteren Ideen, ihre Widgets noch weiter zu verbessern.:grin:

                Bei mir haben die Slider ab Werk einen Transparenten Hintergrund, such mal die Felder ab ..

                Ich habe gesucht und wurde dann doch noch fündig.:slightly_smiling_face:

                Und so sehen meine ersten (vorläufigen) Lösungen aus für Farblampen, einfache LED Lampen, LED mit Farbtemperaturregelung und Rollladensteuerung aus ..

                0a1b7ade-7621-4002-9673-5bb27f16fcf9-image.png

                Nach über vier Jahren Leidenszeit unter Qivicon/MSH vor den Telekomikern zu ioBroker geflüchtet.
                Raspberry Pi 4 mit 8GB + ArgonOneM.2 + 120GB SSD + Coordinator CC26X2R1 + ioBroker + piVCCU3

                L 1 Antwort Letzte Antwort
                0
                • L legro

                  @bananajoe said in vis-inventwo v.2.x.x:

                  Wenn du 3 Einzel-Widgets für Rauf, Runter und Stop nimmst statt des Multiwidgets, dann ..

                  Schon klar. Aber vielleicht suchen die Entwickler ja nach weiteren Ideen, ihre Widgets noch weiter zu verbessern.:grin:

                  Bei mir haben die Slider ab Werk einen Transparenten Hintergrund, such mal die Felder ab ..

                  Ich habe gesucht und wurde dann doch noch fündig.:slightly_smiling_face:

                  Und so sehen meine ersten (vorläufigen) Lösungen aus für Farblampen, einfache LED Lampen, LED mit Farbtemperaturregelung und Rollladensteuerung aus ..

                  0a1b7ade-7621-4002-9673-5bb27f16fcf9-image.png

                  L Abwesend
                  L Abwesend
                  legro
                  schrieb am zuletzt editiert von legro
                  #219

                  @jkvarel

                  Dank dem Verständnis, wie ein MultiWidget funktioniert, ist diese Anfrage obsolet. Hier habe ich meine nunmehr favorisierte Lösung für ein DimmerWidget dokumentiert.

                  Um einen Dimmer zu steuern habe ich ..

                  .. ein Widget mit den Optionen state und value parametrisiert. Als Werte verwende ich den Datenpunkt level des Dimmers, der Werte von 0 bis 100 annehmen kann. Um den Dimmer per Klick auf das Widget aus- (0%) oder einzuschalten (100%), habe ich für den Wert bei falsch 0 und in Wert bei true mit 100 eingetragen. Damit kann ich die Lampe auch wie gewünscht schalten.

                  Ändere ich den Maximalwert mittels des Schieberegels, der mit demselben Datenpunkt level des Dimmers verbunden ist, mit einem kleineren Wert, so wird das Widget nicht mehr als aktiv (grün) dargestellt.

                  Nun zu meinem Problem ..

                  Natürlich möchte ich, dass das Widget auch dann bereits als aktiv (grün) dargestellt wird, wenn ein Helligkeitswert größer als 0 (und noch kleiner als 100) eingestellt ist.

                  Das geht jedoch nicht, da der sog. Vergleichsoperator: größer nicht den unteren Wert (0) sondern den Maximalwert (100) hierzu heranzieht - also auch den Wert, der beim Klicken in den Datenpunkt geschrieben wird. Beispiel: Wert bei true = 10 führt dazu, dass der Dimmer auf 10% geschaltet wird; alle Werte zwischen 10 und 100 sorgen dafür, dass das Widget stets aktiv (grün) dargestellt wird.

                  Wäre dies für euch ein Grund, hier für Abhilfe zu sorgen? Meine Vorstellung: Die Kopplung des Maximalwertes mit der Anzeige für aktiv/inaktiv könnte man umgehen, wenn man eine weitere Variable (Feld) einfügen würde, gegenüber dem der Vergleichsoperator die Darstellung des Widgets als aktiv/inaktiv regelt, oder man kann wählen, ob der untere oder obere Wert herangezogen wird - auch hier wäre ein weiteres Felb (boolean) erforderlich.

                  4c164853-cf24-41c0-98d8-e0c6d13e4b3b-image.png

                  Nach über vier Jahren Leidenszeit unter Qivicon/MSH vor den Telekomikern zu ioBroker geflüchtet.
                  Raspberry Pi 4 mit 8GB + ArgonOneM.2 + 120GB SSD + Coordinator CC26X2R1 + ioBroker + piVCCU3

                  L Andreas67 0A 2 Antworten Letzte Antwort
                  0
                  • L legro

                    @jkvarel

                    Dank dem Verständnis, wie ein MultiWidget funktioniert, ist diese Anfrage obsolet. Hier habe ich meine nunmehr favorisierte Lösung für ein DimmerWidget dokumentiert.

                    Um einen Dimmer zu steuern habe ich ..

                    .. ein Widget mit den Optionen state und value parametrisiert. Als Werte verwende ich den Datenpunkt level des Dimmers, der Werte von 0 bis 100 annehmen kann. Um den Dimmer per Klick auf das Widget aus- (0%) oder einzuschalten (100%), habe ich für den Wert bei falsch 0 und in Wert bei true mit 100 eingetragen. Damit kann ich die Lampe auch wie gewünscht schalten.

                    Ändere ich den Maximalwert mittels des Schieberegels, der mit demselben Datenpunkt level des Dimmers verbunden ist, mit einem kleineren Wert, so wird das Widget nicht mehr als aktiv (grün) dargestellt.

                    Nun zu meinem Problem ..

                    Natürlich möchte ich, dass das Widget auch dann bereits als aktiv (grün) dargestellt wird, wenn ein Helligkeitswert größer als 0 (und noch kleiner als 100) eingestellt ist.

                    Das geht jedoch nicht, da der sog. Vergleichsoperator: größer nicht den unteren Wert (0) sondern den Maximalwert (100) hierzu heranzieht - also auch den Wert, der beim Klicken in den Datenpunkt geschrieben wird. Beispiel: Wert bei true = 10 führt dazu, dass der Dimmer auf 10% geschaltet wird; alle Werte zwischen 10 und 100 sorgen dafür, dass das Widget stets aktiv (grün) dargestellt wird.

                    Wäre dies für euch ein Grund, hier für Abhilfe zu sorgen? Meine Vorstellung: Die Kopplung des Maximalwertes mit der Anzeige für aktiv/inaktiv könnte man umgehen, wenn man eine weitere Variable (Feld) einfügen würde, gegenüber dem der Vergleichsoperator die Darstellung des Widgets als aktiv/inaktiv regelt, oder man kann wählen, ob der untere oder obere Wert herangezogen wird - auch hier wäre ein weiteres Felb (boolean) erforderlich.

                    4c164853-cf24-41c0-98d8-e0c6d13e4b3b-image.png

                    L Abwesend
                    L Abwesend
                    legro
                    schrieb am zuletzt editiert von legro
                    #220

                    @jkvarel

                    Seit einer Woche tut sich hier nichts mehr.:disappointed:

                    Ist das Projekt eingestellt?:face_with_rolling_eyes:

                    Nach über vier Jahren Leidenszeit unter Qivicon/MSH vor den Telekomikern zu ioBroker geflüchtet.
                    Raspberry Pi 4 mit 8GB + ArgonOneM.2 + 120GB SSD + Coordinator CC26X2R1 + ioBroker + piVCCU3

                    L 1 Antwort Letzte Antwort
                    0
                    • L legro

                      @jkvarel

                      Seit einer Woche tut sich hier nichts mehr.:disappointed:

                      Ist das Projekt eingestellt?:face_with_rolling_eyes:

                      L Abwesend
                      L Abwesend
                      legro
                      schrieb am zuletzt editiert von legro
                      #221

                      Im GitHub werden zu inventwo passende Icons dargestellt, unter denen auch ein Symbol für einen Springbrunnen ist. Nur ist dieses nirgendwo in icontwo zu finden.

                      Erledigt: mittlerweile gefunden:blush:

                      Nach über vier Jahren Leidenszeit unter Qivicon/MSH vor den Telekomikern zu ioBroker geflüchtet.
                      Raspberry Pi 4 mit 8GB + ArgonOneM.2 + 120GB SSD + Coordinator CC26X2R1 + ioBroker + piVCCU3

                      L 1 Antwort Letzte Antwort
                      1
                      • L legro

                        Im GitHub werden zu inventwo passende Icons dargestellt, unter denen auch ein Symbol für einen Springbrunnen ist. Nur ist dieses nirgendwo in icontwo zu finden.

                        Erledigt: mittlerweile gefunden:blush:

                        L Abwesend
                        L Abwesend
                        legro
                        schrieb am zuletzt editiert von legro
                        #222

                        Irgendwie beschleicht mich das Gefühl, dass ich in diesem Thread den Alleinunterhalter spiele.:disappointed:

                        Da ich nicht länger auf eine Antwort auf diesen Beitrag warten wollte, habe ich mir mit den bisher zur Verfügung stehenden Mitteln folgende Lösung konstruiert ..
                        cf5255c9-68ca-48e8-9df8-517ebbf1023d-image.png b4d2e88b-7f9b-436c-b222-2a8e5f8d6636-image.png
                        Dieses KombinationsWidget besteht aus einem Hintergrund (z=10), einem Switch (z=20, opacity=0) und drei Schiebreglern (z=30).

                        • Der Hintergrund ist mit dem Datenpunkt level der Lampe verbunden, der Datentyp des Widgets ist also value. Der Wert für true ist auf 1, jener für false auf 0 eingestellt. Der Vergleich (aktiviert/deaktiviert) erfolgt somit gegen den oberen Wert 1, so dass das Widget für Wert zwischen 1 und 100 grün (aktiviert) dargestellt wird.
                          391749d2-f5d9-47ec-9e3c-72040c2b2f58-image.png
                        • Die Schieberegler sind jeweils mit den entsprechenden Datenpunkten der RGB/LED Lampe verbunden.
                        • Das nicht sichtbare Switch-Widget (z=20, opacity=0) ist ebenfalls mit dem Datenpunkt level verbunden und schreibt 0 für AUS bzw. 100 für AN rein.

                        Dies alles garantiert, dass das Widget ab Helligkeitswerten >1 als aktiv/grün dargestellt wird.

                        Diese Akrobatik wäre nicht nötig, könnte der Vergleich zur Anzeige des Hintergrundes auch gegen den unteren Wert 0 anstelle des oberen Wertes erfolgen.

                        Nach über vier Jahren Leidenszeit unter Qivicon/MSH vor den Telekomikern zu ioBroker geflüchtet.
                        Raspberry Pi 4 mit 8GB + ArgonOneM.2 + 120GB SSD + Coordinator CC26X2R1 + ioBroker + piVCCU3

                        BananaJoeB Andreas67 0A 2 Antworten Letzte Antwort
                        1
                        • L legro

                          Irgendwie beschleicht mich das Gefühl, dass ich in diesem Thread den Alleinunterhalter spiele.:disappointed:

                          Da ich nicht länger auf eine Antwort auf diesen Beitrag warten wollte, habe ich mir mit den bisher zur Verfügung stehenden Mitteln folgende Lösung konstruiert ..
                          cf5255c9-68ca-48e8-9df8-517ebbf1023d-image.png b4d2e88b-7f9b-436c-b222-2a8e5f8d6636-image.png
                          Dieses KombinationsWidget besteht aus einem Hintergrund (z=10), einem Switch (z=20, opacity=0) und drei Schiebreglern (z=30).

                          • Der Hintergrund ist mit dem Datenpunkt level der Lampe verbunden, der Datentyp des Widgets ist also value. Der Wert für true ist auf 1, jener für false auf 0 eingestellt. Der Vergleich (aktiviert/deaktiviert) erfolgt somit gegen den oberen Wert 1, so dass das Widget für Wert zwischen 1 und 100 grün (aktiviert) dargestellt wird.
                            391749d2-f5d9-47ec-9e3c-72040c2b2f58-image.png
                          • Die Schieberegler sind jeweils mit den entsprechenden Datenpunkten der RGB/LED Lampe verbunden.
                          • Das nicht sichtbare Switch-Widget (z=20, opacity=0) ist ebenfalls mit dem Datenpunkt level verbunden und schreibt 0 für AUS bzw. 100 für AN rein.

                          Dies alles garantiert, dass das Widget ab Helligkeitswerten >1 als aktiv/grün dargestellt wird.

                          Diese Akrobatik wäre nicht nötig, könnte der Vergleich zur Anzeige des Hintergrundes auch gegen den unteren Wert 0 anstelle des oberen Wertes erfolgen.

                          BananaJoeB Online
                          BananaJoeB Online
                          BananaJoe
                          Most Active
                          schrieb am zuletzt editiert von
                          #223

                          @legro sagte in vis-inventwo v.2.x.x:

                          Irgendwie beschleicht mich das Gefühl, dass ich in diesem Thread den Alleinunterhalter spiele.:disappointed:

                          Du, die Widgets laufen im Moment so gut, was soll man da außer Lobgesängen noch schreiben :grinning:
                          Ich baue fast jeden Abend so für 1 bis 4h an meiner VIS rum und staune immer wieder was ich allein aus den Universal und Multi-Widget rausholen kann. Im Moment baue ich viele andere bisherige Lösung auf inventwo und SVG Grafiken um, z.B. die Tankstellen-VIS von @sigi234 - statt mehrere Widgets übereinander für die Farben oder statt Bindings macht so ein MultiSwitch das total komfortabel. Das die Widgets dann trotzdem noch html/CSS Anweisungen schlucken um z.B. den niedrigsten Preis farblich hervorzuheben finde ich einfach nur cool (oder meinen Farbverlauf weiter oben).

                          Und selbst du hast ja eine Lösung für dein Problem gefunden.

                          ioBroker@Ubuntu 24.04 LTS (VMware) für: >260 Geräte, 5 Switche, 7 AP, 9 IP-Cam, 1 NAS 42TB, 1 ESXi 15TB, 4 Proxmox 1TB, 1 Hyper-V 48TB, 14 x Echo, 5x FireTV, 5 x Tablett/Handy VIS || >=160 Tasmota/Shelly || >=95 ZigBee || PV 8.1kW / Akku 14kWh || 2x USV 750W kaskadiert || Creality CR-10 SE 3D-Drucker

                          L ostseereiterO 3 Antworten Letzte Antwort
                          1
                          • BananaJoeB BananaJoe

                            @legro sagte in vis-inventwo v.2.x.x:

                            Irgendwie beschleicht mich das Gefühl, dass ich in diesem Thread den Alleinunterhalter spiele.:disappointed:

                            Du, die Widgets laufen im Moment so gut, was soll man da außer Lobgesängen noch schreiben :grinning:
                            Ich baue fast jeden Abend so für 1 bis 4h an meiner VIS rum und staune immer wieder was ich allein aus den Universal und Multi-Widget rausholen kann. Im Moment baue ich viele andere bisherige Lösung auf inventwo und SVG Grafiken um, z.B. die Tankstellen-VIS von @sigi234 - statt mehrere Widgets übereinander für die Farben oder statt Bindings macht so ein MultiSwitch das total komfortabel. Das die Widgets dann trotzdem noch html/CSS Anweisungen schlucken um z.B. den niedrigsten Preis farblich hervorzuheben finde ich einfach nur cool (oder meinen Farbverlauf weiter oben).

                            Und selbst du hast ja eine Lösung für dein Problem gefunden.

                            L Abwesend
                            L Abwesend
                            legro
                            schrieb am zuletzt editiert von legro
                            #224

                            @bananajoe said in vis-inventwo v.2.x.x:

                            Du, die Widgets laufen im Moment so gut, was soll man da außer Lobgesängen noch schreiben :grinning:

                            Auch Gutes kann noch besser werden!:relaxed:

                            .. Ich baue fast jeden Abend so für 1 bis 4h an meiner VIS rum .. Im Moment baue ich viele andere bisherige Lösung auf inventwo und SVG Grafiken um, z.B. ..

                            Auch bei mir ist‘s mittlerweile die dritte Version unserer Visualisierung. Das Gefrickel der ersten Version war für unsere Familienmitglieder alles Andere als überzeugend; von wegen alles ist einfacher! Sie fühlten sich geradezu veräppelt. Also verAPPLEte ich sie richtig.:wink: Mittels YAHKA machte ich alle wichtigen Dinge im HomeKit von Apple verfügbar, womit unsere über 90-igjährige (Ur)Oma sogar zurechtkommt. Nicht nur, dass jede Ergänzung, Änderung, .. unmittelbar auf allen iPhones ohne weiteres Zutun verfügbar ist, konnte ich auch das leidige Problem der Anwesenheit äußerst zuverlässig und komfortabel lösen.

                            Nun kommt inventwo an die Reihe. Ein bisschen Spaß muss sein!

                            Und selbst du hast ja eine Lösung für dein Problem gefunden.

                            Nun ja, aber was für ein Aufwand.:disappointed: Vielleicht hat ja @skvarel noch ein Einsehen und nimmt sich meine Vorschläge zu Herzen.:face_with_rolling_eyes:

                            Nach über vier Jahren Leidenszeit unter Qivicon/MSH vor den Telekomikern zu ioBroker geflüchtet.
                            Raspberry Pi 4 mit 8GB + ArgonOneM.2 + 120GB SSD + Coordinator CC26X2R1 + ioBroker + piVCCU3

                            1 Antwort Letzte Antwort
                            0
                            • BananaJoeB BananaJoe

                              @legro sagte in vis-inventwo v.2.x.x:

                              Irgendwie beschleicht mich das Gefühl, dass ich in diesem Thread den Alleinunterhalter spiele.:disappointed:

                              Du, die Widgets laufen im Moment so gut, was soll man da außer Lobgesängen noch schreiben :grinning:
                              Ich baue fast jeden Abend so für 1 bis 4h an meiner VIS rum und staune immer wieder was ich allein aus den Universal und Multi-Widget rausholen kann. Im Moment baue ich viele andere bisherige Lösung auf inventwo und SVG Grafiken um, z.B. die Tankstellen-VIS von @sigi234 - statt mehrere Widgets übereinander für die Farben oder statt Bindings macht so ein MultiSwitch das total komfortabel. Das die Widgets dann trotzdem noch html/CSS Anweisungen schlucken um z.B. den niedrigsten Preis farblich hervorzuheben finde ich einfach nur cool (oder meinen Farbverlauf weiter oben).

                              Und selbst du hast ja eine Lösung für dein Problem gefunden.

                              L Abwesend
                              L Abwesend
                              legro
                              schrieb am zuletzt editiert von legro
                              #225

                              @bananajoe said in vis-inventwo v.2.x.x:

                              .. übereinander für die Farben oder statt Bindings macht so ein MultiSwitch das total komfortabel. ..

                              Könntest du mir bitte helfen, das sog. MultiWidget endlich einmal zu verstehen? Ich weiß noch immer nicht, wie ich das Ding handhaben kann. Insbesondere was es mit den Zuständen auf sich hat, ist mir nach wie vor ein Rätsel: Wo, wie, .. verwendet man diese Zustände, die man an irgendwelche Datenpunkte koppeln kann?

                              Nach über vier Jahren Leidenszeit unter Qivicon/MSH vor den Telekomikern zu ioBroker geflüchtet.
                              Raspberry Pi 4 mit 8GB + ArgonOneM.2 + 120GB SSD + Coordinator CC26X2R1 + ioBroker + piVCCU3

                              BananaJoeB 1 Antwort Letzte Antwort
                              0
                              • L legro

                                @bananajoe said in vis-inventwo v.2.x.x:

                                .. übereinander für die Farben oder statt Bindings macht so ein MultiSwitch das total komfortabel. ..

                                Könntest du mir bitte helfen, das sog. MultiWidget endlich einmal zu verstehen? Ich weiß noch immer nicht, wie ich das Ding handhaben kann. Insbesondere was es mit den Zuständen auf sich hat, ist mir nach wie vor ein Rätsel: Wo, wie, .. verwendet man diese Zustände, die man an irgendwelche Datenpunkte koppeln kann?

                                BananaJoeB Online
                                BananaJoeB Online
                                BananaJoe
                                Most Active
                                schrieb am zuletzt editiert von BananaJoe
                                #226

                                @legro sagte in vis-inventwo v.2.x.x:

                                @bananajoe said in vis-inventwo v.2.x.x:

                                .. übereinander für die Farben oder statt Bindings macht so ein MultiSwitch das total komfortabel. ..

                                Könntest du mir bitte helfen, das sog. MultiWidget endlich einmal zu verstehen? Ich weiß noch immer nicht, wie ich das Ding handhaben kann. Insbesondere was es mit den Zuständen auf sich hat, ist mir nach wie vor ein Rätsel: Wo, wie, .. verwendet man diese Zustände, die man an irgendwelche Datenpunkte koppeln kann?

                                Ok, ich hab auch etwas gebraucht. Gehen wir also mal ein Beispiel durch.
                                Ich habe hier einen Datenpunkt meiner Waschmaschine unterhalb des mqtt.0 Adapters:
                                17854a48-aca9-4dec-a28c-c76cba78774f-image.png
                                Der kann 4 verschiedene Zustände haben:

                                0 = aus
                                1 = Standby
                                2 = Waschmaschine fertig
                                3 = Waschmaschine arbeitet/wäscht gerade
                                

                                In meiner VIS habe ich dazu ein Multi Switch Widget was all diese Zustände darstellt - und das gehen wir hier jetzt einmal komplett durch!

                                Grundeinstellung:
                                2b64a918-89b1-49e8-9f23-253043c38fa1-image.png
                                Es ist vom Typ State und in der Objekt ID mit dem obigen Datenpunkt verknüpft.
                                Die Beschriftung falsch habe ich mit Unbekannt beschriftet da ich für alle 4 geplanten Zustände jeweils einen angelegt habe. Sollte kein Treffer dabei sein würde dieser Text und das Bild dargestellt werden - also es sollte in diesem Fall nicht vorkommen.
                                Wie man sehen kann ist die Anzahl der Zustände in diesem Beispiel 4

                                Zustand[0] = der erste Zustand, hier in der Computerwelt fängt man auch mal bei 0 an zu Zählen.
                                Ja, das der Zustand [0] ist und die Einstellungen alle [1] dahinter haben ist nicht perfekt.
                                80db9d60-cdde-46a9-b086-0129d16645c5-image.png
                                Bei Objekt ID[1] habe ich wieder den gleichen Datenpunkt eingesetzt (in diesem Beispiel nutze ich nur den einen),
                                Vergleichoperator[1] ist gleich (ich will einen genauen Treffer), der Wert[1] ist 0 was für Waschmaschine ist aus steht. Ein paar gedeckte, dunkle Farben und als Bild wahr[1] ein Icon einer Waschmaschine. Das ist eigentlich Schwarz, wird aber per Farbe wahr[1] in ein nicht ganz weißes Weiß umgefärbt (klappt mit allen schwarzen Icons)
                                Fertig sieht das dann so aus:
                                e9a6f1ef-98e2-4336-9f77-d9e77512f195-image.png

                                Zustand[1] = Die Waschmaschine ist in Standby, also an, Wäscht aber nicht und hat auch gerade nichts gewaschen seit dem letzten Ausgeschaltet sein:
                                08a0ad56-b02d-4d16-8754-0fb2325046fe-image.png
                                Im Prinzip das gleiche wie bei Zustand[0], gleicher Datenpunkt nur mit folgenden Änderungen:
                                Wert[2] prüft nun auf 1, die Beschriftung[2] ist angepasst und beim Hintergrund habe ich mich für kräftiges Gelb entschieden. Das Bild wahr ist das gleiche wie zuvor, jedoch Färbe ich es diesmal schwarz damit es bei gelben Hintergrund auch zu sehen ist:
                                f621bbcb-bcbd-434e-8c32-b09281e4638c-image.png

                                Zustand[2] = Die Waschmaschine ist fertig:
                                4a6afbf6-b454-49d8-90be-2d50e196fdb2-image.png
                                Alles wie zuvor, Wert[3] ist diesmal die 2, Beschriftung angepasst und ein dezentes grün als Hintergrundfarbe. Bild wahr ist wieder das gleiche und wieder schwarz, aber Dank Bild wahr Blinkintervall[3] blinkt es im 2 Sekunden Takt:
                                Waschmaschine2.gif

                                Zustand[3] = Es wird gewaschen!
                                ed3aa9ea-a6c8-4a18-96e3-04204407cc4d-image.png
                                Kurzfassung: Wir vergleichen auf 3, Roter Hintergrund mit einem gelb blinkenden Bild einer Waschmaschine:
                                Waschmaschine3.gif

                                Es folgen allgemeine Einstellungen zum Aussehen, Position des Bildes, Textfarbe etc:


                                3080bc8c-4dbd-4eb2-9609-3c68512ff2dc-image.png 4130ed65-bf69-4da6-9a28-0359c722c1fc-image.png 661890ac-c030-4d0b-b434-0063bcc2ac33-image.png

                                Noch Fragen?

                                ioBroker@Ubuntu 24.04 LTS (VMware) für: >260 Geräte, 5 Switche, 7 AP, 9 IP-Cam, 1 NAS 42TB, 1 ESXi 15TB, 4 Proxmox 1TB, 1 Hyper-V 48TB, 14 x Echo, 5x FireTV, 5 x Tablett/Handy VIS || >=160 Tasmota/Shelly || >=95 ZigBee || PV 8.1kW / Akku 14kWh || 2x USV 750W kaskadiert || Creality CR-10 SE 3D-Drucker

                                Holger EtzelH L 2 Antworten Letzte Antwort
                                1
                                • BananaJoeB BananaJoe

                                  @legro sagte in vis-inventwo v.2.x.x:

                                  Irgendwie beschleicht mich das Gefühl, dass ich in diesem Thread den Alleinunterhalter spiele.:disappointed:

                                  Du, die Widgets laufen im Moment so gut, was soll man da außer Lobgesängen noch schreiben :grinning:
                                  Ich baue fast jeden Abend so für 1 bis 4h an meiner VIS rum und staune immer wieder was ich allein aus den Universal und Multi-Widget rausholen kann. Im Moment baue ich viele andere bisherige Lösung auf inventwo und SVG Grafiken um, z.B. die Tankstellen-VIS von @sigi234 - statt mehrere Widgets übereinander für die Farben oder statt Bindings macht so ein MultiSwitch das total komfortabel. Das die Widgets dann trotzdem noch html/CSS Anweisungen schlucken um z.B. den niedrigsten Preis farblich hervorzuheben finde ich einfach nur cool (oder meinen Farbverlauf weiter oben).

                                  Und selbst du hast ja eine Lösung für dein Problem gefunden.

                                  ostseereiterO Offline
                                  ostseereiterO Offline
                                  ostseereiter
                                  schrieb am zuletzt editiert von
                                  #227

                                  @bananajoe naja mit der App Iobroker Vis funktionieren sie leider nicht

                                  Gruß OSR

                                  Plattform
                                  Linux x64 CPUs2 AMD G-T56N Processor 1646 MHz 8GB RAM

                                  BananaJoeB 1 Antwort Letzte Antwort
                                  0
                                  • ostseereiterO ostseereiter

                                    @bananajoe naja mit der App Iobroker Vis funktionieren sie leider nicht

                                    BananaJoeB Online
                                    BananaJoeB Online
                                    BananaJoe
                                    Most Active
                                    schrieb am zuletzt editiert von BananaJoe
                                    #228

                                    @ostseereiter sagte in vis-inventwo v.2.x.x:

                                    @bananajoe naja mit der App Iobroker Vis funktionieren sie leider nicht

                                    Öhm, kann sein. Ich nutze das nur auf einem Tablet mit dem Fully-Kiosk-Browser sowie im Webbrowser auf diversen Computern. Die Multiswitch meinst du?

                                    Für das Handy nutze ich ... die Alexa-App ... und ich habe angefangen mir mit IQControl eine "schnelle" Oberfläche zu bauen.
                                    Aber es eben zum nächsten Echo zu sagen ist schneller.

                                    ioBroker@Ubuntu 24.04 LTS (VMware) für: >260 Geräte, 5 Switche, 7 AP, 9 IP-Cam, 1 NAS 42TB, 1 ESXi 15TB, 4 Proxmox 1TB, 1 Hyper-V 48TB, 14 x Echo, 5x FireTV, 5 x Tablett/Handy VIS || >=160 Tasmota/Shelly || >=95 ZigBee || PV 8.1kW / Akku 14kWh || 2x USV 750W kaskadiert || Creality CR-10 SE 3D-Drucker

                                    1 Antwort Letzte Antwort
                                    0
                                    • BananaJoeB BananaJoe

                                      @legro sagte in vis-inventwo v.2.x.x:

                                      @bananajoe said in vis-inventwo v.2.x.x:

                                      .. übereinander für die Farben oder statt Bindings macht so ein MultiSwitch das total komfortabel. ..

                                      Könntest du mir bitte helfen, das sog. MultiWidget endlich einmal zu verstehen? Ich weiß noch immer nicht, wie ich das Ding handhaben kann. Insbesondere was es mit den Zuständen auf sich hat, ist mir nach wie vor ein Rätsel: Wo, wie, .. verwendet man diese Zustände, die man an irgendwelche Datenpunkte koppeln kann?

                                      Ok, ich hab auch etwas gebraucht. Gehen wir also mal ein Beispiel durch.
                                      Ich habe hier einen Datenpunkt meiner Waschmaschine unterhalb des mqtt.0 Adapters:
                                      17854a48-aca9-4dec-a28c-c76cba78774f-image.png
                                      Der kann 4 verschiedene Zustände haben:

                                      0 = aus
                                      1 = Standby
                                      2 = Waschmaschine fertig
                                      3 = Waschmaschine arbeitet/wäscht gerade
                                      

                                      In meiner VIS habe ich dazu ein Multi Switch Widget was all diese Zustände darstellt - und das gehen wir hier jetzt einmal komplett durch!

                                      Grundeinstellung:
                                      2b64a918-89b1-49e8-9f23-253043c38fa1-image.png
                                      Es ist vom Typ State und in der Objekt ID mit dem obigen Datenpunkt verknüpft.
                                      Die Beschriftung falsch habe ich mit Unbekannt beschriftet da ich für alle 4 geplanten Zustände jeweils einen angelegt habe. Sollte kein Treffer dabei sein würde dieser Text und das Bild dargestellt werden - also es sollte in diesem Fall nicht vorkommen.
                                      Wie man sehen kann ist die Anzahl der Zustände in diesem Beispiel 4

                                      Zustand[0] = der erste Zustand, hier in der Computerwelt fängt man auch mal bei 0 an zu Zählen.
                                      Ja, das der Zustand [0] ist und die Einstellungen alle [1] dahinter haben ist nicht perfekt.
                                      80db9d60-cdde-46a9-b086-0129d16645c5-image.png
                                      Bei Objekt ID[1] habe ich wieder den gleichen Datenpunkt eingesetzt (in diesem Beispiel nutze ich nur den einen),
                                      Vergleichoperator[1] ist gleich (ich will einen genauen Treffer), der Wert[1] ist 0 was für Waschmaschine ist aus steht. Ein paar gedeckte, dunkle Farben und als Bild wahr[1] ein Icon einer Waschmaschine. Das ist eigentlich Schwarz, wird aber per Farbe wahr[1] in ein nicht ganz weißes Weiß umgefärbt (klappt mit allen schwarzen Icons)
                                      Fertig sieht das dann so aus:
                                      e9a6f1ef-98e2-4336-9f77-d9e77512f195-image.png

                                      Zustand[1] = Die Waschmaschine ist in Standby, also an, Wäscht aber nicht und hat auch gerade nichts gewaschen seit dem letzten Ausgeschaltet sein:
                                      08a0ad56-b02d-4d16-8754-0fb2325046fe-image.png
                                      Im Prinzip das gleiche wie bei Zustand[0], gleicher Datenpunkt nur mit folgenden Änderungen:
                                      Wert[2] prüft nun auf 1, die Beschriftung[2] ist angepasst und beim Hintergrund habe ich mich für kräftiges Gelb entschieden. Das Bild wahr ist das gleiche wie zuvor, jedoch Färbe ich es diesmal schwarz damit es bei gelben Hintergrund auch zu sehen ist:
                                      f621bbcb-bcbd-434e-8c32-b09281e4638c-image.png

                                      Zustand[2] = Die Waschmaschine ist fertig:
                                      4a6afbf6-b454-49d8-90be-2d50e196fdb2-image.png
                                      Alles wie zuvor, Wert[3] ist diesmal die 2, Beschriftung angepasst und ein dezentes grün als Hintergrundfarbe. Bild wahr ist wieder das gleiche und wieder schwarz, aber Dank Bild wahr Blinkintervall[3] blinkt es im 2 Sekunden Takt:
                                      Waschmaschine2.gif

                                      Zustand[3] = Es wird gewaschen!
                                      ed3aa9ea-a6c8-4a18-96e3-04204407cc4d-image.png
                                      Kurzfassung: Wir vergleichen auf 3, Roter Hintergrund mit einem gelb blinkenden Bild einer Waschmaschine:
                                      Waschmaschine3.gif

                                      Es folgen allgemeine Einstellungen zum Aussehen, Position des Bildes, Textfarbe etc:


                                      3080bc8c-4dbd-4eb2-9609-3c68512ff2dc-image.png 4130ed65-bf69-4da6-9a28-0359c722c1fc-image.png 661890ac-c030-4d0b-b434-0063bcc2ac33-image.png

                                      Noch Fragen?

                                      Holger EtzelH Offline
                                      Holger EtzelH Offline
                                      Holger Etzel
                                      schrieb am zuletzt editiert von
                                      #229

                                      @bananajoe

                                      hallo, kannst du dein Widget für die Waschmaschine zur Verfügung stellen.
                                      Bin auch gerade am Rätseln um das Widget zu verstehen, komme da auch nicht richtig weiter.

                                      mfg
                                      Holger

                                      BananaJoeB 1 Antwort Letzte Antwort
                                      0
                                      • BananaJoeB BananaJoe

                                        @legro sagte in vis-inventwo v.2.x.x:

                                        @bananajoe said in vis-inventwo v.2.x.x:

                                        .. übereinander für die Farben oder statt Bindings macht so ein MultiSwitch das total komfortabel. ..

                                        Könntest du mir bitte helfen, das sog. MultiWidget endlich einmal zu verstehen? Ich weiß noch immer nicht, wie ich das Ding handhaben kann. Insbesondere was es mit den Zuständen auf sich hat, ist mir nach wie vor ein Rätsel: Wo, wie, .. verwendet man diese Zustände, die man an irgendwelche Datenpunkte koppeln kann?

                                        Ok, ich hab auch etwas gebraucht. Gehen wir also mal ein Beispiel durch.
                                        Ich habe hier einen Datenpunkt meiner Waschmaschine unterhalb des mqtt.0 Adapters:
                                        17854a48-aca9-4dec-a28c-c76cba78774f-image.png
                                        Der kann 4 verschiedene Zustände haben:

                                        0 = aus
                                        1 = Standby
                                        2 = Waschmaschine fertig
                                        3 = Waschmaschine arbeitet/wäscht gerade
                                        

                                        In meiner VIS habe ich dazu ein Multi Switch Widget was all diese Zustände darstellt - und das gehen wir hier jetzt einmal komplett durch!

                                        Grundeinstellung:
                                        2b64a918-89b1-49e8-9f23-253043c38fa1-image.png
                                        Es ist vom Typ State und in der Objekt ID mit dem obigen Datenpunkt verknüpft.
                                        Die Beschriftung falsch habe ich mit Unbekannt beschriftet da ich für alle 4 geplanten Zustände jeweils einen angelegt habe. Sollte kein Treffer dabei sein würde dieser Text und das Bild dargestellt werden - also es sollte in diesem Fall nicht vorkommen.
                                        Wie man sehen kann ist die Anzahl der Zustände in diesem Beispiel 4

                                        Zustand[0] = der erste Zustand, hier in der Computerwelt fängt man auch mal bei 0 an zu Zählen.
                                        Ja, das der Zustand [0] ist und die Einstellungen alle [1] dahinter haben ist nicht perfekt.
                                        80db9d60-cdde-46a9-b086-0129d16645c5-image.png
                                        Bei Objekt ID[1] habe ich wieder den gleichen Datenpunkt eingesetzt (in diesem Beispiel nutze ich nur den einen),
                                        Vergleichoperator[1] ist gleich (ich will einen genauen Treffer), der Wert[1] ist 0 was für Waschmaschine ist aus steht. Ein paar gedeckte, dunkle Farben und als Bild wahr[1] ein Icon einer Waschmaschine. Das ist eigentlich Schwarz, wird aber per Farbe wahr[1] in ein nicht ganz weißes Weiß umgefärbt (klappt mit allen schwarzen Icons)
                                        Fertig sieht das dann so aus:
                                        e9a6f1ef-98e2-4336-9f77-d9e77512f195-image.png

                                        Zustand[1] = Die Waschmaschine ist in Standby, also an, Wäscht aber nicht und hat auch gerade nichts gewaschen seit dem letzten Ausgeschaltet sein:
                                        08a0ad56-b02d-4d16-8754-0fb2325046fe-image.png
                                        Im Prinzip das gleiche wie bei Zustand[0], gleicher Datenpunkt nur mit folgenden Änderungen:
                                        Wert[2] prüft nun auf 1, die Beschriftung[2] ist angepasst und beim Hintergrund habe ich mich für kräftiges Gelb entschieden. Das Bild wahr ist das gleiche wie zuvor, jedoch Färbe ich es diesmal schwarz damit es bei gelben Hintergrund auch zu sehen ist:
                                        f621bbcb-bcbd-434e-8c32-b09281e4638c-image.png

                                        Zustand[2] = Die Waschmaschine ist fertig:
                                        4a6afbf6-b454-49d8-90be-2d50e196fdb2-image.png
                                        Alles wie zuvor, Wert[3] ist diesmal die 2, Beschriftung angepasst und ein dezentes grün als Hintergrundfarbe. Bild wahr ist wieder das gleiche und wieder schwarz, aber Dank Bild wahr Blinkintervall[3] blinkt es im 2 Sekunden Takt:
                                        Waschmaschine2.gif

                                        Zustand[3] = Es wird gewaschen!
                                        ed3aa9ea-a6c8-4a18-96e3-04204407cc4d-image.png
                                        Kurzfassung: Wir vergleichen auf 3, Roter Hintergrund mit einem gelb blinkenden Bild einer Waschmaschine:
                                        Waschmaschine3.gif

                                        Es folgen allgemeine Einstellungen zum Aussehen, Position des Bildes, Textfarbe etc:


                                        3080bc8c-4dbd-4eb2-9609-3c68512ff2dc-image.png 4130ed65-bf69-4da6-9a28-0359c722c1fc-image.png 661890ac-c030-4d0b-b434-0063bcc2ac33-image.png

                                        Noch Fragen?

                                        L Abwesend
                                        L Abwesend
                                        legro
                                        schrieb am zuletzt editiert von legro
                                        #230

                                        @bananajoe

                                        Vielen Dank für deine großartige Unterstützung. Da ich noch viel vorhabe, wird mir deine Anleitung gewiss noch sehr nützlich sein. Danke!

                                        Es ließ mir keine Ruhe, so habe ich mich gestern Abend noch darangemacht, das MultiWidget auszuprobieren. Ergebnis: Ich fand eine einfachere Lösung für mein Vorhaben, ein DimmerWidget zu erstellen.

                                        Zuerst wollte ich verzweifeln, weil es einfach nicht funktionieren wollte, als ich das Ganze auf meinem iPad editieren und testen wollte. Als ich dann mich daransetzte, alles nochmals auf meinem MacBook umzusetzen, ließ der Erfolg nicht lange auf sich warten.

                                        Hier nun meine Lösung ..

                                        • Ich verwende ein MultiWidget, das ich mit dem Datenpunkt ON verknüpfe. Die Konfigurationen für die Felder bei falsch fülle ich wie üblich (Beschriftung, Bild, z=10).
                                        • Nun kommen die im MultiWidget verfügbaren Zustände ins Spiel, wovon ich für mein Vorhaben jedoch nur einen benötige. Hier fülle ich die Felder für bei wahr wie gewünscht aus (Beschriftung, Bild).
                                        • Als Vergleichsoperator wähle ich größer. Als Referenzwert trage ich 0 ein.
                                        • Die übrigen Schieberegler verbinde ich mit den entsprechenden Datenpunkten und wähle für sie z=20.

                                        12b4cc3d-824c-45c3-8c98-6d8f453966aa-image.png

                                        Nach über vier Jahren Leidenszeit unter Qivicon/MSH vor den Telekomikern zu ioBroker geflüchtet.
                                        Raspberry Pi 4 mit 8GB + ArgonOneM.2 + 120GB SSD + Coordinator CC26X2R1 + ioBroker + piVCCU3

                                        L 1 Antwort Letzte Antwort
                                        0
                                        • L legro

                                          @bananajoe

                                          Vielen Dank für deine großartige Unterstützung. Da ich noch viel vorhabe, wird mir deine Anleitung gewiss noch sehr nützlich sein. Danke!

                                          Es ließ mir keine Ruhe, so habe ich mich gestern Abend noch darangemacht, das MultiWidget auszuprobieren. Ergebnis: Ich fand eine einfachere Lösung für mein Vorhaben, ein DimmerWidget zu erstellen.

                                          Zuerst wollte ich verzweifeln, weil es einfach nicht funktionieren wollte, als ich das Ganze auf meinem iPad editieren und testen wollte. Als ich dann mich daransetzte, alles nochmals auf meinem MacBook umzusetzen, ließ der Erfolg nicht lange auf sich warten.

                                          Hier nun meine Lösung ..

                                          • Ich verwende ein MultiWidget, das ich mit dem Datenpunkt ON verknüpfe. Die Konfigurationen für die Felder bei falsch fülle ich wie üblich (Beschriftung, Bild, z=10).
                                          • Nun kommen die im MultiWidget verfügbaren Zustände ins Spiel, wovon ich für mein Vorhaben jedoch nur einen benötige. Hier fülle ich die Felder für bei wahr wie gewünscht aus (Beschriftung, Bild).
                                          • Als Vergleichsoperator wähle ich größer. Als Referenzwert trage ich 0 ein.
                                          • Die übrigen Schieberegler verbinde ich mit den entsprechenden Datenpunkten und wähle für sie z=20.

                                          12b4cc3d-824c-45c3-8c98-6d8f453966aa-image.png

                                          L Abwesend
                                          L Abwesend
                                          legro
                                          schrieb am zuletzt editiert von legro
                                          #231

                                          Hier einmal eine Zusammenfassung meiner Erkenntnisse hinsichtlich der MultiWidgets ..

                                          • Ein MultiWidget funktioniert zunächst einmal genau so wie auch ein normales UnversalWidget.
                                          • Besitzt das UniversalWidget je einen Datensatz an Einstellungen für die Werte bei falsch und bei wahr, so kommt das MultiWidget gleich mit beliebig vielen möglichen Datensätzen (hier Zustände genannt) bei den Einstellungen für bei wahr daher.
                                          • Werte schreiben können diese Widgets nur in den ersten Datenpunkt. Das geschieht ganz so, wie auch beim normalen UnversalWidget (siehe state, switch)
                                          • Der wesentliche Unterschied besteht darin, dass es für die Werte bei wahr mehrere sog. Zustände geben kann, die das Aussehen des Widgets bestimmen. Einen Zustand explizit für wahr gibt es nicht mehr.
                                          • Die Datenpunkte, welche den Zuständen zugeordnet werden, können nur gelesen und zur Anzeige/Darstellung des Widgets ausgewertet werden.

                                          Eigentlich ganz einfach, wenn man's mal verstanden hat.:slightly_smiling_face:

                                          62454a11-7e5c-44b3-9b44-5af1b151a66d-image.png

                                          In dieser Abbildung wird ein MultiWidget zur Steuerung einer dimmbaren LED genutzt. Der erste Datenpunkt schaltet die LED unter Verwendung von true/false ein oder aus.

                                          Der hier einzige Zustand [0] verwendet den Datenpunkt des Helligkeitsreglers. Wenn dieser einen Wert größer 0 besitzt, wird das Widget als aktiviert dargestellt.

                                          Nach über vier Jahren Leidenszeit unter Qivicon/MSH vor den Telekomikern zu ioBroker geflüchtet.
                                          Raspberry Pi 4 mit 8GB + ArgonOneM.2 + 120GB SSD + Coordinator CC26X2R1 + ioBroker + piVCCU3

                                          BananaJoeB 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

                                          511

                                          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