Skip to content
  • Home
  • Aktuell
  • Tags
  • 0 Ungelesen 0
  • Kategorien
  • Unreplied
  • Beliebt
  • GitHub
  • Docu
  • Hilfe
Skins
  • Light
  • Brite
  • Cerulean
  • Cosmo
  • Flatly
  • Journal
  • Litera
  • Lumen
  • Lux
  • Materia
  • Minty
  • Morph
  • Pulse
  • Sandstone
  • Simplex
  • Sketchy
  • Spacelab
  • United
  • Yeti
  • Zephyr
  • Dark
  • Cyborg
  • Darkly
  • Quartz
  • Slate
  • Solar
  • Superhero
  • Vapor

  • Standard: (Kein Skin)
  • Kein Skin
Einklappen
ioBroker Logo

Community Forum

donate donate
  1. ioBroker Community Home
  2. Deutsch
  3. Visualisierung
  4. Material Design Widgets: Buttons Widget

NEWS

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

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

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

Material Design Widgets: Buttons Widget

Geplant Angeheftet Gesperrt Verschoben Visualisierung
vis
157 Beiträge 38 Kommentatoren 26.7k Aufrufe 40 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.
  • EnduranceE Offline
    EnduranceE Offline
    Endurance
    schrieb am zuletzt editiert von Endurance
    #54

    @Uwe-Clement

    cd /opt/iobroker
    find -name window-shutter

    1 Antwort Letzte Antwort
    0
    • D Offline
      D Offline
      dos1973
      schrieb am zuletzt editiert von
      #55

      @Scrounger
      einfach eine Frage/ Idee ;-)
      wäre es möglich mit einem Button State, mehrere DP auf einmal werte zu setzen?

      momentan, reagiere ich mit Skripten drauf, aber es würde echt vieles direkt vom button aus möglich machen.

      ScroungerS 1 Antwort Letzte Antwort
      0
      • D dos1973

        @Scrounger
        einfach eine Frage/ Idee ;-)
        wäre es möglich mit einem Button State, mehrere DP auf einmal werte zu setzen?

        momentan, reagiere ich mit Skripten drauf, aber es würde echt vieles direkt vom button aus möglich machen.

        ScroungerS Offline
        ScroungerS Offline
        Scrounger
        Developer
        schrieb am zuletzt editiert von
        #56

        @dos1973 sagte in Material Design Widgets: Buttons Widget:

        wäre es möglich mit einem Button State, mehrere DP auf einmal werte zu setzen?

        Nein das geht nicht, da müsste man ein eigens Widget für machen.

        <a href="https://github.com/Scrounger/ioBroker.linkeddevices">LinkedDevices Adapter</a>

        <a href="https://github.com/Scrounger/ioBroker.vis-materialdesign">Material Design Widgets</a>

        1 Antwort Letzte Antwort
        0
        • D Offline
          D Offline
          dos1973
          schrieb am zuletzt editiert von
          #57

          Der Multi Button State...
          Wäre das nicht eine coole Erweiterung? Ich hätte viele Anwendungsfälle

          sigi234S 1 Antwort Letzte Antwort
          1
          • D dos1973

            Der Multi Button State...
            Wäre das nicht eine coole Erweiterung? Ich hätte viele Anwendungsfälle

            sigi234S Online
            sigi234S Online
            sigi234
            Forum Testing Most Active
            schrieb am zuletzt editiert von
            #58

            @dos1973 sagte in Material Design Widgets: Buttons Widget:

            Der Multi Button State...
            Wäre das nicht eine coole Erweiterung? Ich hätte viele Anwendungsfälle

            Jupp, mich wundert es das es das noch nicht gibt.

            Bitte benutzt das Voting rechts unten im Beitrag wenn er euch geholfen hat.
            Immer Daten sichern!

            1 Antwort Letzte Antwort
            0
            • D Offline
              D Offline
              dos1973
              schrieb am zuletzt editiert von
              #59

              @Scrounger
              Würdest du so ein Widget einbauen?
              Besteht da Hoffnung?

              ScroungerS 1 Antwort Letzte Antwort
              0
              • D dos1973

                @Scrounger
                Würdest du so ein Widget einbauen?
                Besteht da Hoffnung?

                ScroungerS Offline
                ScroungerS Offline
                Scrounger
                Developer
                schrieb am zuletzt editiert von
                #60

                @dos1973 sagte in Material Design Widgets: Buttons Widget:

                @Scrounger
                Würdest du so ein Widget einbauen?
                Besteht da Hoffnung?

                Also ich sehe bei mir keine Anwendungsfälle dafür, weil ich nen super skript für das habe.
                Kannst aber gerne nen issue erstellen, vielleicht implementiere ich es irgendwann mal.

                <a href="https://github.com/Scrounger/ioBroker.linkeddevices">LinkedDevices Adapter</a>

                <a href="https://github.com/Scrounger/ioBroker.vis-materialdesign">Material Design Widgets</a>

                sigi234S 1 Antwort Letzte Antwort
                0
                • M Offline
                  M Offline
                  mrg
                  schrieb am zuletzt editiert von
                  #61

                  @Scrounger
                  ich finde die icons-mfd-svg ganz gut. Da ist immer was dabei was mir gefällt.
                  Würde die aber auch gerne einfärben.
                  In deinen Button kann ich das Bild anzeigen aber leider nicht einfärben.
                  Gibt es da eine möglichkeit?

                  ScroungerS 1 Antwort Letzte Antwort
                  0
                  • ScroungerS Scrounger

                    @dos1973 sagte in Material Design Widgets: Buttons Widget:

                    @Scrounger
                    Würdest du so ein Widget einbauen?
                    Besteht da Hoffnung?

                    Also ich sehe bei mir keine Anwendungsfälle dafür, weil ich nen super skript für das habe.
                    Kannst aber gerne nen issue erstellen, vielleicht implementiere ich es irgendwann mal.

                    sigi234S Online
                    sigi234S Online
                    sigi234
                    Forum Testing Most Active
                    schrieb am zuletzt editiert von
                    #62

                    @Scrounger sagte in Material Design Widgets: Buttons Widget:

                    @dos1973 sagte in Material Design Widgets: Buttons Widget:

                    @Scrounger
                    Würdest du so ein Widget einbauen?
                    Besteht da Hoffnung?

                    Also ich sehe bei mir keine Anwendungsfälle dafür, weil ich nen super skript für das habe.
                    Kannst aber gerne nen issue erstellen, vielleicht implementiere ich es irgendwann mal.

                    Welches Skript hast du da?
                    Aber so ein Widget.wäre schon Super

                    Anwendungsfall:

                    1. Licht
                    2. Steckdosen
                    3. Kombination daraus usw.

                    Bitte benutzt das Voting rechts unten im Beitrag wenn er euch geholfen hat.
                    Immer Daten sichern!

                    1 Antwort Letzte Antwort
                    0
                    • M mrg

                      @Scrounger
                      ich finde die icons-mfd-svg ganz gut. Da ist immer was dabei was mir gefällt.
                      Würde die aber auch gerne einfärben.
                      In deinen Button kann ich das Bild anzeigen aber leider nicht einfärben.
                      Gibt es da eine möglichkeit?

                      ScroungerS Offline
                      ScroungerS Offline
                      Scrounger
                      Developer
                      schrieb am zuletzt editiert von
                      #63

                      @mrg sagte in Material Design Widgets: Buttons Widget:

                      @Scrounger
                      ich finde die icons-mfd-svg ganz gut. Da ist immer was dabei was mir gefällt.
                      Würde die aber auch gerne einfärben.
                      In deinen Button kann ich das Bild anzeigen aber leider nicht einfärben.
                      Gibt es da eine möglichkeit?

                      vielleicht per css.
                      Oder nimm die materialdesignsicons, die kannst direkt auswählen und beinhalten auch die mfds. Einfärben geht da.

                      @sigi234 sagte in Material Design Widgets: Buttons Widget:

                      Welches Skript hast du da?

                      Ist zwar jetzt voll offtopic, aber weil du es bist ;-)

                      globales Skript mit der Funktion

                      var myGlobalFunctions = {};
                      
                      myGlobalFunctions.setMultipleStates = function (objectList) {
                          for (const obj of objectList) {
                              if (obj.id) {
                                  let value = getState(obj.id).val;
                      
                                  if (obj.hasOwnProperty('value')) {
                                      if (typeof value === typeof obj.value) {
                                          if (value != obj.value) {
                                              console.debug(`[setMultipleStates]: set state for '${obj.id}' to '${obj.value}'`)
                                              setState(obj.id, obj.value);
                                          }
                                      } else {
                                          console.error(`[setMultipleStates] object '${obj.id}' value type '${typeof obj.value}' is wrong, must be '${typeof value}'`)
                                      }
                                  } else {
                                      console.error(`[setMultipleStates] object '${obj.id}' has no value!`)
                                  }
                              }
                          }
                      }
                      

                      Aufrufen der Funktion:

                      // alle Lichter & Geräte per Button ausschalten ******************************************************************************************************************************
                      on({ id: myDevices.Netzwerk.Devices.HarmonyHub.Buttons.AllesAus.getId() }, allesAus);
                      
                      function allesAus(button) {
                          if (button.state.val === true) {
                              log("Wohnzimmer: alles andere ausschalten")
                      
                              // Liste aller Objekte die ausgeschaltet werden sollen, inkl. des Wertes für Zustand aus
                              var objList = [
                                  // Lichter
                                  { id: myDevices.Licht.Flur.Main.An.getId(), value: false },
                                  { id: myDevices.Licht.Flur.Nische.An.getId(), value: false },
                                  { id: myDevices.Licht.Bad.Dusche.An.getId(), value: false },
                                  { id: myDevices.Licht.Bad.Main.An.getId(), value: false },
                                  { id: myDevices.Licht.Schlafzimmer.Vorne.Dimmer.getId(), value: 0 },
                                  { id: myDevices.Licht.Schlafzimmer.Hinten.Dimmer.getId(), value: 0 },
                                  { id: myDevices.Licht.WC.An.getId(), value: false },
                                  { id: myDevices.Licht.Esszimmer.Links.Dimmer.getId(), value: 0 },
                                  { id: myDevices.Licht.Esszimmer.Rechts.Dimmer.getId(), value: 0 },
                                  { id: myDevices.Licht.Kueche.Main.An.getId(), value: false },
                                  { id: myDevices.Licht.Kueche.Speisekammer.An.getId(), value: false },
                      
                                  // MusicCast
                                  { id: myDevices.Netzwerk.Devices.MusicCast.Bad.An.getId(), value: false },
                                  { id: myDevices.Netzwerk.Devices.MusicCast.Schlafzimmer.An.getId(), value: false },
                                  { id: myDevices.Netzwerk.Devices.MusicCast.Esszimmer.An.getId(), value: false },
                                  { id: myDevices.Netzwerk.Devices.MusicCast.Kueche.An.getId(), value: false },
                      
                                  // Bewegungssensor zurücksetzen
                                  { id: myDevices.Sensoren.Bewegung.Flur.StatusReset.getId(), value: true },
                      
                                  // altes Zeug, muss noch mit linkeddevices ersetzt werden
                                  //{ id: Licht.Schlafzimmer.Bett.getId(), value: false }
                              ]
                      
                              myGlobalFunctions.setMultipleStates(objList);
                          }
                      }
                      

                      <a href="https://github.com/Scrounger/ioBroker.linkeddevices">LinkedDevices Adapter</a>

                      <a href="https://github.com/Scrounger/ioBroker.vis-materialdesign">Material Design Widgets</a>

                      1 Antwort Letzte Antwort
                      1
                      • D Offline
                        D Offline
                        dos1973
                        schrieb am zuletzt editiert von
                        #64

                        ich sagte ja, mittels script (Blockly) bekomme ich das auch irgendwie hin.
                        aber wie @sigi234 schon aufzeigte, die Anwendungsmöglichkeiten direkt aus VIS heraus, wären enorm.

                        Schade, vielleicht denkst du nochmals darüber nach - aber Du bist der Boss* in dem Kontext ;-)

                        *vielleicht etwas süsses ;-)

                        ScroungerS 1 Antwort Letzte Antwort
                        0
                        • D dos1973

                          ich sagte ja, mittels script (Blockly) bekomme ich das auch irgendwie hin.
                          aber wie @sigi234 schon aufzeigte, die Anwendungsmöglichkeiten direkt aus VIS heraus, wären enorm.

                          Schade, vielleicht denkst du nochmals darüber nach - aber Du bist der Boss* in dem Kontext ;-)

                          *vielleicht etwas süsses ;-)

                          ScroungerS Offline
                          ScroungerS Offline
                          Scrounger
                          Developer
                          schrieb am zuletzt editiert von
                          #65

                          @dos1973, @sigi234

                          Kleiner Tipp, wenn es ein issue bei github gibt, ist die wahrscheinlichkeit höher das so etwas implementiert wird. Nur einfach mal so als kleiner Tipp :grinning:

                          <a href="https://github.com/Scrounger/ioBroker.linkeddevices">LinkedDevices Adapter</a>

                          <a href="https://github.com/Scrounger/ioBroker.vis-materialdesign">Material Design Widgets</a>

                          sigi234S 1 Antwort Letzte Antwort
                          1
                          • ScroungerS Scrounger

                            @dos1973, @sigi234

                            Kleiner Tipp, wenn es ein issue bei github gibt, ist die wahrscheinlichkeit höher das so etwas implementiert wird. Nur einfach mal so als kleiner Tipp :grinning:

                            sigi234S Online
                            sigi234S Online
                            sigi234
                            Forum Testing Most Active
                            schrieb am zuletzt editiert von
                            #66

                            @Scrounger sagte in Material Design Widgets: Buttons Widget:

                            @dos1973, @sigi234

                            Kleiner Tipp, wenn es ein issue bei github gibt, ist die wahrscheinlichkeit höher das so etwas implementiert wird. Nur einfach mal so als kleiner Tipp :grinning:

                            https://github.com/Scrounger/ioBroker.vis-materialdesign/issues/81

                            Bitte benutzt das Voting rechts unten im Beitrag wenn er euch geholfen hat.
                            Immer Daten sichern!

                            D 1 Antwort Letzte Antwort
                            1
                            • sigi234S sigi234

                              @Scrounger sagte in Material Design Widgets: Buttons Widget:

                              @dos1973, @sigi234

                              Kleiner Tipp, wenn es ein issue bei github gibt, ist die wahrscheinlichkeit höher das so etwas implementiert wird. Nur einfach mal so als kleiner Tipp :grinning:

                              https://github.com/Scrounger/ioBroker.vis-materialdesign/issues/81

                              D Offline
                              D Offline
                              dos1973
                              schrieb am zuletzt editiert von
                              #67

                              @sigi234
                              danke dir!

                              jetzt hoffen wir mal

                              ScroungerS 1 Antwort Letzte Antwort
                              0
                              • Chris TailorC Offline
                                Chris TailorC Offline
                                Chris Tailor
                                schrieb am zuletzt editiert von Chris Tailor
                                #68

                                Ich bin mir nicht ganz sicher, bei welchem Widget ich mein kleines Problem schildern soll. Ich probier's mal hier.

                                Ich verwende die Top App Bar in Kombination mit dem View in Widget 8. Beim View in Widget 8 habe ich bei der Object ID nichts hinterlegt ("nothing_selected"). Die Navigation funktioniert so wie es soll und die Views passen sich entsprechend dem ausgewählten Punkt an.

                                Konfiguration View in Widget:
                                ef564b60-6760-4919-8418-65120fc5e4bf-image.png

                                Jetzt möchte ich auf ausgewählten Views direkt einen Button hinterlegen, welcher auf eine andere View verweisen soll, welche im View in Widget 8 geöffnet wird (quasi als Shortcut zur Navigation mit der Top App Bar). Mit Button Widget auf Navigation eingestellt, komme auch da nicht ans Ziel, da damit die verlinkte View direkt geöffnet wird und nicht im View in Widget 8. Wenn ich im View in Widget 8 einen Objekt ID hinterlege und dieser mit dem Button einen Wert zuweise funktioniert die Navigation mit dem Button, aber die Navigation mit der Top App Bar funktioniert nicht mehr. Ich hoffe ihr könnt mir folgen und habt evtl. eine Lösung parat?

                                Also zusammengefasst wäre meine Frage, wie ich das Button Widget konfigurieren kann, damit ich damit analog der Top App Bar Views innerhalb des View in Widgets 8 steuern kann.

                                1 Antwort Letzte Antwort
                                0
                                • D Offline
                                  D Offline
                                  dos1973
                                  schrieb am zuletzt editiert von
                                  #69

                                  du legst einen dp (Zahl) an und verweist in der Objekt Id auf diesen DP.
                                  Das machst du in der TopAppBar und im Widget8. Also beide auf den gleichen DP.

                                  in deinen Button der als Direktlink (am besten button state) auf ein bestimmten view zeigen soll, nimmst du als ObjektID ebenfalls den DP der vorher erstellt wurde. Als Wert dann die entsprechende Zahl welche dein View beinhaltet. ( aus deinem Screenshot wäre die "1" der view für das Licht.

                                  ist einfach, aber etwas kompliziert zu schreiben ;-)

                                  Chris TailorC 1 Antwort Letzte Antwort
                                  0
                                  • D dos1973

                                    du legst einen dp (Zahl) an und verweist in der Objekt Id auf diesen DP.
                                    Das machst du in der TopAppBar und im Widget8. Also beide auf den gleichen DP.

                                    in deinen Button der als Direktlink (am besten button state) auf ein bestimmten view zeigen soll, nimmst du als ObjektID ebenfalls den DP der vorher erstellt wurde. Als Wert dann die entsprechende Zahl welche dein View beinhaltet. ( aus deinem Screenshot wäre die "1" der view für das Licht.

                                    ist einfach, aber etwas kompliziert zu schreiben ;-)

                                    Chris TailorC Offline
                                    Chris TailorC Offline
                                    Chris Tailor
                                    schrieb am zuletzt editiert von
                                    #70

                                    @dos1973 ok, super, das hat funktioniert, Danke! Mir ist die "Object ID" in der Top App Bar untergegangen ...

                                    1 Antwort Letzte Antwort
                                    0
                                    • D dos1973

                                      @sigi234
                                      danke dir!

                                      jetzt hoffen wir mal

                                      ScroungerS Offline
                                      ScroungerS Offline
                                      Scrounger
                                      Developer
                                      schrieb am zuletzt editiert von Scrounger
                                      #71

                                      @sigi234 @dos1973

                                      Extra nur für Euch, was so ein issue doch bewirken kann :grinning:

                                      multistate.gif

                                      Gibts dann im nächsten latest release, wenn ihr testen wollt github version ziehen.

                                      <a href="https://github.com/Scrounger/ioBroker.linkeddevices">LinkedDevices Adapter</a>

                                      <a href="https://github.com/Scrounger/ioBroker.vis-materialdesign">Material Design Widgets</a>

                                      D M werner2000xW 4 Antworten Letzte Antwort
                                      1
                                      • ScroungerS Scrounger

                                        @sigi234 @dos1973

                                        Extra nur für Euch, was so ein issue doch bewirken kann :grinning:

                                        multistate.gif

                                        Gibts dann im nächsten latest release, wenn ihr testen wollt github version ziehen.

                                        D Offline
                                        D Offline
                                        dos1973
                                        schrieb am zuletzt editiert von
                                        #72

                                        @Scrounger
                                        Hammer!
                                        ich teste es heute nachmittag. das wird so vieles einfacher machen.
                                        Danke

                                        1 Antwort Letzte Antwort
                                        0
                                        • ScroungerS Scrounger

                                          @sigi234 @dos1973

                                          Extra nur für Euch, was so ein issue doch bewirken kann :grinning:

                                          multistate.gif

                                          Gibts dann im nächsten latest release, wenn ihr testen wollt github version ziehen.

                                          D Offline
                                          D Offline
                                          dos1973
                                          schrieb am zuletzt editiert von
                                          #73

                                          @Scrounger
                                          der erste Test war sehr erfolgreich...
                                          aber wie war das mit dem kleinen Finger ;-)

                                          Button Toggle -Multi, das meinte ich eigentlich - hatte aber button state geschrieben, kommt das evtl. noch, oder würde ein weiteres Issue hier evtl. unterstützen.

                                          ScroungerS 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

                                          635

                                          Online

                                          32.4k

                                          Benutzer

                                          81.5k

                                          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