Navigation

    Logo
    • Register
    • Login
    • Search
    • Recent
    • Tags
    • Unread
    • Categories
    • Unreplied
    • Popular
    • GitHub
    • Docu
    • Hilfe
    1. Home
    2. Deutsch
    3. Visualisierung
    4. Material Design Widgets: Buttons Widget

    NEWS

    • Neuer Blog: Fotos und Eindrücke aus Solingen

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

    • ioBroker goes Matter ... Matter Adapter in Stable

    Material Design Widgets: Buttons Widget

    This topic has been deleted. Only users with topic management privileges can see it.
    • Negalein
      Negalein Global Moderator @Scrounger last edited by

      @Scrounger sagte in Material Design Widgets: Buttons Widget:

      Jetzt musst dich entscheiden, Warn oder Info

      Ja, hat @Glasfaser schon herausgefunden gehabt.

      1 Reply Last reply Reply Quote 0
      • Endurance
        Endurance @Scrounger last edited by Scrounger

        @Scrounger Lässt sich die Mouseover Farbe bzw Grad der Farbänderung bei den Buttons einstellen oder deaktivieren? Wenn ich zb am iPad den einen Button drücke, bleibt der "nicht vorhandenen" Curser vom iOS auf dem Icon stehen, und das Icon behält so lange die Mouseover Farbe, bis man wo anders hinklickt.

        Hoffe man versteht was ich meine. Siehe Button in der Mitte.

        0819a68a-3b38-4a06-b9ce-6fffeb292de5-image.png

        Edit: Verschoben, da Frage Widget Einstellung betrifft!

        Scrounger 1 Reply Last reply Reply Quote 0
        • Scrounger
          Scrounger Developer @Endurance last edited by

          @Endurance sagte in Material Design Widgets: Buttons Widget:

          @Scrounger Lässt sich die Mouseover Farbe bzw Grad der Farbänderung bei den Buttons einstellen oder deaktivieren?

          über Farbe gedrückt -> deaktivieren => tranparent verwenden
          5a6f2b3a-308a-4bb4-b9b5-4d9ad50b090a-grafik.png

          Endurance 1 Reply Last reply Reply Quote 0
          • Endurance
            Endurance @Scrounger last edited by

            @Scrounger haba nun die Farbe aus "gedrückt" rausgenommen, wenn ich aber mit der Maus drüber fahre, wird es immer noch transparent. Ich kann natürlich die gleiche Farbe wie bei Hintergrund einfügen, dann hab ich aber auch beim klicken keine Animation mehr.

            Scrounger 1 Reply Last reply Reply Quote 0
            • Scrounger
              Scrounger Developer @Endurance last edited by

              @Endurance
              Mehr geht per Editor leider nicht.
              Evtl. geht das mit css klasse überschreiben.

              1 Reply Last reply Reply Quote 0
              • M
                michihorn last edited by

                Guten Morgen Scrounger,
                ich habe einige Widget von dir im Einsatz, läuft auf dem Fire Tab 10 super. Die selbe View auf einem älteren Tab Huawei T1 zeigt leider deine Widgets nicht. Kann man da noch was machen?
                Gruß
                Michael

                1 Reply Last reply Reply Quote 0
                • Uwe Clement
                  Uwe Clement last edited by Uwe Clement

                  10b82be9-b0ce-44c1-9c77-171bdda9a2cd-image.png

                  Ich habe in einer früheren Installation meines Iobrokers diese Icons verwenden, z.B. "window-shutter-open". Nun finde ich diese nicht mehr. Wo liegen diese innerhalb von iobroker? Kann mir hier jemand helfen? Danke!

                  1 Reply Last reply Reply Quote 0
                  • Endurance
                    Endurance last edited by Endurance

                    @Uwe-Clement

                    cd /opt/iobroker
                    find -name window-shutter

                    1 Reply Last reply Reply Quote 0
                    • D
                      dos1973 last edited by

                      @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.

                      Scrounger 1 Reply Last reply Reply Quote 0
                      • Scrounger
                        Scrounger Developer @dos1973 last edited by

                        @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.

                        1 Reply Last reply Reply Quote 0
                        • D
                          dos1973 last edited by

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

                          sigi234 1 Reply Last reply Reply Quote 1
                          • sigi234
                            sigi234 Forum Testing Most Active @dos1973 last edited by

                            @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.

                            1 Reply Last reply Reply Quote 0
                            • D
                              dos1973 last edited by

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

                              Scrounger 1 Reply Last reply Reply Quote 0
                              • Scrounger
                                Scrounger Developer @dos1973 last edited by

                                @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.

                                sigi234 1 Reply Last reply Reply Quote 0
                                • M
                                  mrg last edited by

                                  @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?

                                  Scrounger 1 Reply Last reply Reply Quote 0
                                  • sigi234
                                    sigi234 Forum Testing Most Active @Scrounger last edited by

                                    @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.
                                    1 Reply Last reply Reply Quote 0
                                    • Scrounger
                                      Scrounger Developer @mrg last edited by

                                      @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);
                                          }
                                      }
                                      
                                      1 Reply Last reply Reply Quote 1
                                      • D
                                        dos1973 last edited by

                                        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 😉

                                        Scrounger 1 Reply Last reply Reply Quote 0
                                        • Scrounger
                                          Scrounger Developer @dos1973 last edited by

                                          @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 😀

                                          sigi234 1 Reply Last reply Reply Quote 1
                                          • sigi234
                                            sigi234 Forum Testing Most Active @Scrounger last edited by

                                            @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 😀

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

                                            sigi2345 created this issue in Scrounger/ioBroker.vis-materialdesign

                                            closed [Erweiterung] Multiwidget Button #81

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

                                            Support us

                                            ioBroker
                                            Community Adapters
                                            Donate

                                            620
                                            Online

                                            31.8k
                                            Users

                                            80.0k
                                            Topics

                                            1.3m
                                            Posts

                                            vis
                                            38
                                            157
                                            19396
                                            Loading More Posts
                                            • Oldest to Newest
                                            • Newest to Oldest
                                            • Most Votes
                                            Reply
                                            • Reply as topic
                                            Log in to reply
                                            Community
                                            Impressum | Datenschutz-Bestimmungen | Nutzungsbedingungen
                                            The ioBroker Community 2014-2023
                                            logo