ioBroker VIS – jQuery-UI-Stil Widgets – Button State

Im folgenden Artikel zeige ich Dir, wie Du die Button State Schaltfläche für das setzen von Objektwerten verwenden kannst.

Installation der jQuery-UI Widgets
Falls Du die jQuery-UI_Stil Widgets noch nicht installierst hast, wechsle nun in den Bereich „Adapter“ und installiere hier den folgenden Adapter. Wenn Du den Adapter schon installiert hast, kannst Du diesen Abschnitt überspringen.

 

Auf dem folgenden Fenster kannst Du den Server (nur wirklich relevant im MultiHost-Betrieb) sowie die gewünschte Instanznummer festlegen. Ich lasse die Einstellung in der Regel auf Auto stehen, sodass ioBroker selber die Instanznummer vergibt. Mit Hinzufügen wird der Adapter dann installiert.

 

 

Einfügen und Konfiguration im VIS-Editor
Nach der Installation des Adapters wechseln wir in den VIS-Editor und wählen unsere View aus, auf die wir das Button-State-Widget einfügen möchten. Wir ziehen dann das Widget per Drag&Drop auf die View.

 

Mit einem Klick auf das Widget werden die Einstellungen eingeblendet. In den Einstellungen des Widgets können wir nun den Datenpunkt „Object ID“ auswählen, welcher den Wert des Button-State-Widgets aufnehmen soll. Über die Einstellung „Kopftext“ kann die Beschriftung des Buttons gesetzt werden. Mit der Einstellung „Wert“ wird der Wert definiert, welcher in die oben definierte Object ID nach einem Klick auf den Button eingesetzt werden soll. In meinem Beispiel möchte ich den Datenpunkt auf den logischen Wert „true“ setzen.

 

Wenn wir nun die View ausführen und auf die Schaltfläche klicken, dann wird in den definierten Datenpunkt der logische Wert „true“ eingetragen. Ich nutzte dieses Widget für das Setzen der verschiedenen Farbmodis meines ESP8266 Deko Lichts.

 

Ich hoffe euch gefällt dieser Artikel. Über Kommentare unterhalb des Artikels oder per E-Mail freue ich mich wie immer 🙂

Matthias Korte

Hauptberuflich Software-Entwickler und seit einigen Jahren Smart-Home Fan. Angefangen hat alles mit einem RaspberryMatic und einer schaltbaren Steckdose. Mittlerweile habe ich einige Steckdosen, Sensoren, und Thermostate sowie ioBroker zur Visualisierung im Einsatz.

2 Gedanken zu „ioBroker VIS – jQuery-UI-Stil Widgets – Button State

  • 31. März 2020 um 20:08
    Permalink

    Hallo Mathias,

    gibt es eine Möglichkeit, das widget der checkbox in den hqwidgets (dieser Schiebeschalter horizontal)
    so abzuändern, das die Farbe des Sliders (der bewegliche Teil) verändert werden kann:
    Farbe #123456 an der linken Position wenn Objekt xyz = true oder false
    Farbe #654321 an der rechten Position wenn Objekt xyz = true oder false

    Das würde mir enorm weiterhelfen.
    Vielen Dank
    Mit freundlichem Gruß aus Zwiesel im Bayer. Wald
    Hans

    Antwort
    • 1. April 2020 um 8:37
      Permalink

      Moin,

      Du kannst nur die Hintergrundfarbe ändern. Leider gibt es hier derzeit aber nur wenige vordefinierte Farben und keine Eingabe-Möglichkeit.
      Schau mal in den Eigenschaften des Widgets im Bereich „Allgemein“.

      LG Matthias

      Antwort

Schreibe einen Kommentar

Deine E-Mail-Adresse wird nicht veröffentlicht. Erforderliche Felder sind mit * markiert.