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

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

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

Material Design Widgets: Buttons Widget

Geplant Angeheftet Gesperrt Verschoben Visualisierung
vis
157 Beiträge 38 Kommentatoren 26.8k 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.
  • B Nicht stören
    B Nicht stören
    bommel_030
    schrieb am zuletzt editiert von
    #2

    @Scrounger
    Ist es möglich beim "Icon Button Adition" ein min. bzw. max. Wert festzulegen?
    Ist beim jqui-ctrl-Icon so hinterlegt. Hab beim entsprechenden Datenpunkt zwar min. und max. Wert festgelegt, aber das ignoriert der Button.
    minmax.png

    ScroungerS 1 Antwort Letzte Antwort
    0
    • B bommel_030

      @Scrounger
      Ist es möglich beim "Icon Button Adition" ein min. bzw. max. Wert festzulegen?
      Ist beim jqui-ctrl-Icon so hinterlegt. Hab beim entsprechenden Datenpunkt zwar min. und max. Wert festgelegt, aber das ignoriert der Button.
      minmax.png

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

      @bommel_030

      Ja, Des wäre schon sehr sinnvoll, Bau ich ein, gibt's dann in der nächsten Version.

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

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

      B 1 Antwort Letzte Antwort
      1
      • M Offline
        M Offline
        MarEhg
        schrieb am zuletzt editiert von Scrounger
        #4

        Irgendwie stehe ich auf dem Schlauch! :disappointed_relieved:

        Wie kann ich mit 4 Tasten (welches Widget) auf einer ObjektVariablen 4 Werte (0-3) schreiben sodas mir die Tasten den Zustand anzeigen.

        Bildschirmfoto 2020-02-14 um 15.21.45.png

        Irgendwie benötige ich Taster, die einen Wert in die Objekt-Variable schreiben, und bei dem passenden Wert der Variable den Status farblich darstellen kann.

        Beschreibung
        Ich drücke auf AUS -> Variable = 0 -> Farbe des Taster = aktiv -> Farbe alle anderen Taster inaktiv
        Ich drücke auf Stufe1 -> Variable = 1 -> Farbe des Taster = aktiv -> Farbe alle anderen Taster inaktiv
        Ich drücke auf Stufe2 -> Variable = 2 -> Farbe des Taster = aktiv -> Farbe alle anderen Taster inaktiv
        Ich drücke auf Stufe3 -> Variable = 3 -> Farbe des Taster = aktiv -> Farbe alle anderen Taster inaktiv

        Habe es mit dem Widget "materialdesin - button Toggle" versucht. Leider ist das ein Schalter, ansonsten geht das mit den Farben für Aktiv und Inaktiv.
        Beim Widget "materialdesin - button State" klappt es nicht mit den Farben.

        Ideen?

        EDIT:
        Je Taster bei Background ...
        {v:xxxxxx.0.Einstellungen.LUEFTEN.LUEFTUNGSSTUFEN.xxx;v=="0" ? "#4c6585": "#242b38"}
        {v:xxxxxx.1.Einstellungen.LUEFTEN.LUEFTUNGSSTUFEN.xxx;v=="1" ? "#4c6585": "#242b38"}
        {v:xxxxxx.2.Einstellungen.LUEFTEN.LUEFTUNGSSTUFEN.xxx;v=="2" ? "#4c6585": "#242b38"}
        {v:xxxxxx.3.Einstellungen.LUEFTEN.LUEFTUNGSSTUFEN.xxx;v=="3" ? "#4c6585": "#242b38"}

        damit schein es bei einem Widget "materialdesin - button State" auch mit den Farben zu klappen.

        Gibt es eine einfachere Lösung?

        Edit: Verschoben, da Frage Einstellungen des Wigdets betrifft

        1 Antwort Letzte Antwort
        0
        • ScroungerS Scrounger

          @bommel_030

          Ja, Des wäre schon sehr sinnvoll, Bau ich ein, gibt's dann in der nächsten Version.

          B Nicht stören
          B Nicht stören
          bommel_030
          schrieb am zuletzt editiert von
          #5

          @Scrounger
          Erstmal danke für's minmax, funktioniert einwandfrei.
          Gibt es eine Möglichkeit beim Icon Button state eine Art repeat zu verwenden?
          Bastel mir gerade eine View für die Fernbedienung mit dem Bravia Adapter. Alle Datenpunkte sind dort als Buttons ausgeführt.
          Dein Widget mit "true" als Wert auf den Datenpunkt Volume Up erhöht die Lautstärke +1, egal wie lange gedrückt. Wenn ich die Hardwarefernbedienung nutze und Vol Up gedrückt halte wird bis zum loslassen kontinuierlich um eins erhöht. Das würde ich gerne nachbauen.

          ScroungerS 1 Antwort Letzte Antwort
          0
          • B bommel_030

            @Scrounger
            Erstmal danke für's minmax, funktioniert einwandfrei.
            Gibt es eine Möglichkeit beim Icon Button state eine Art repeat zu verwenden?
            Bastel mir gerade eine View für die Fernbedienung mit dem Bravia Adapter. Alle Datenpunkte sind dort als Buttons ausgeführt.
            Dein Widget mit "true" als Wert auf den Datenpunkt Volume Up erhöht die Lautstärke +1, egal wie lange gedrückt. Wenn ich die Hardwarefernbedienung nutze und Vol Up gedrückt halte wird bis zum loslassen kontinuierlich um eins erhöht. Das würde ich gerne nachbauen.

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

            @MarEhg sagte in Material Design Widgets: Buttons Widget:

            Irgendwie stehe ich auf dem Schlauch! :disappointed_relieved:

            Wie kann ich mit 4 Tasten (welches Widget) auf einer ObjektVariablen 4 Werte (0-3) schreiben sodas mir die Tasten den Zustand anzeigen.

            Geht aktuell nur mit Bindings, wie du es ja gelöst hast. In der kommenden Version wird das u.a. von der List und der IconList unterstützt und kann direkt im Editor eingestellt werden.
            Wenn du es bei den Buttons auch haben willst, dann erstell bitte bei github ein issue dazu, dann bau ich das bei gelegenheit mal ein.

            @bommel_030 sagte in Material Design Widgets: Buttons Widget:

            @Scrounger
            Erstmal danke für's minmax, funktioniert einwandfrei.
            Gibt es eine Möglichkeit beim Icon Button state eine Art repeat zu verwenden?
            Bastel mir gerade eine View für die Fernbedienung mit dem Bravia Adapter. Alle Datenpunkte sind dort als Buttons ausgeführt.
            Dein Widget mit "true" als Wert auf den Datenpunkt Volume Up erhöht die Lautstärke +1, egal wie lange gedrückt. Wenn ich die Hardwarefernbedienung nutze und Vol Up gedrückt halte wird bis zum loslassen kontinuierlich um eins erhöht. Das würde ich gerne nachbauen.

            Warum verwendest du nicht einen Slider für die Lautstärke?
            Du meinst hier das Button Addition Widget? Nein das geht nicht. Kannst aber gerne bei github nen issue dazu erstellen, dann versuch ich es vielleicht mal einzubauen.

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

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

            B 1 Antwort Letzte Antwort
            0
            • ScroungerS Scrounger

              @MarEhg sagte in Material Design Widgets: Buttons Widget:

              Irgendwie stehe ich auf dem Schlauch! :disappointed_relieved:

              Wie kann ich mit 4 Tasten (welches Widget) auf einer ObjektVariablen 4 Werte (0-3) schreiben sodas mir die Tasten den Zustand anzeigen.

              Geht aktuell nur mit Bindings, wie du es ja gelöst hast. In der kommenden Version wird das u.a. von der List und der IconList unterstützt und kann direkt im Editor eingestellt werden.
              Wenn du es bei den Buttons auch haben willst, dann erstell bitte bei github ein issue dazu, dann bau ich das bei gelegenheit mal ein.

              @bommel_030 sagte in Material Design Widgets: Buttons Widget:

              @Scrounger
              Erstmal danke für's minmax, funktioniert einwandfrei.
              Gibt es eine Möglichkeit beim Icon Button state eine Art repeat zu verwenden?
              Bastel mir gerade eine View für die Fernbedienung mit dem Bravia Adapter. Alle Datenpunkte sind dort als Buttons ausgeführt.
              Dein Widget mit "true" als Wert auf den Datenpunkt Volume Up erhöht die Lautstärke +1, egal wie lange gedrückt. Wenn ich die Hardwarefernbedienung nutze und Vol Up gedrückt halte wird bis zum loslassen kontinuierlich um eins erhöht. Das würde ich gerne nachbauen.

              Warum verwendest du nicht einen Slider für die Lautstärke?
              Du meinst hier das Button Addition Widget? Nein das geht nicht. Kannst aber gerne bei github nen issue dazu erstellen, dann versuch ich es vielleicht mal einzubauen.

              B Nicht stören
              B Nicht stören
              bommel_030
              schrieb am zuletzt editiert von
              #7

              @Scrounger
              Warum kein Slider? Wurstfinger und Handy und so gab es hier schon mal....
              Nein, kein Addition Widget. Der Datenpunkt ist ein Button und wird nur mit true getriggert.
              Da kann ich leider nicht mir rechnen. Erstelle dann mal nen Issue bei Github

              ScroungerS 1 Antwort Letzte Antwort
              0
              • B bommel_030

                @Scrounger
                Warum kein Slider? Wurstfinger und Handy und so gab es hier schon mal....
                Nein, kein Addition Widget. Der Datenpunkt ist ein Button und wird nur mit true getriggert.
                Da kann ich leider nicht mir rechnen. Erstelle dann mal nen Issue bei Github

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

                @bommel_030 sagte in Material Design Widgets: Buttons Widget:

                @Scrounger
                Warum kein Slider? Wurstfinger und Handy und so gab es hier schon mal....
                Nein, kein Addition Widget. Der Datenpunkt ist ein Button und wird nur mit true getriggert.
                Da kann ich leider nicht mir rechnen. Erstelle dann mal nen Issue bei Github

                Versteh ich nicht. Ist die Lautstärke nicht vom Typ Number?
                Gibt es schon ein Widget das diese Funktion bereitstellt?

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

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

                B 1 Antwort Letzte Antwort
                0
                • ScroungerS Scrounger

                  @bommel_030 sagte in Material Design Widgets: Buttons Widget:

                  @Scrounger
                  Warum kein Slider? Wurstfinger und Handy und so gab es hier schon mal....
                  Nein, kein Addition Widget. Der Datenpunkt ist ein Button und wird nur mit true getriggert.
                  Da kann ich leider nicht mir rechnen. Erstelle dann mal nen Issue bei Github

                  Versteh ich nicht. Ist die Lautstärke nicht vom Typ Number?
                  Gibt es schon ein Widget das diese Funktion bereitstellt?

                  B Nicht stören
                  B Nicht stören
                  bommel_030
                  schrieb am zuletzt editiert von
                  #9

                  @Scrounger
                  Nee, das ist ja das Problem, keine Nummer nur Button der durch true getriggert wird.
                  Sobald ich am PC sitze reich ich nen Screenshot nach. Mir ist leider kein Widget bekannt.

                  1 Antwort Letzte Antwort
                  0
                  • B Nicht stören
                    B Nicht stören
                    bommel_030
                    schrieb am zuletzt editiert von
                    #10

                    @Scounger
                    Hier der Screenshot, nur Button, keine Nummer:
                    button.png
                    Ich hab aber mittlerweile noch nen anderen Datenpunkt gefunden den ich mit nem Slider bedienen kann.
                    Für den WAF bleibt der Wunsch nach der Repeat Funktion weiterhin bestehen. Allerdings ist die Priorität (für mich) nicht mehr so akut ^^

                    Hab auch nen Issue auf GIthub erstellt:
                    https://github.com/Scrounger/ioBroker.vis-materialdesign/issues/57

                    1 Antwort Letzte Antwort
                    0
                    • S Offline
                      S Offline
                      skokarl
                      schrieb am zuletzt editiert von Scrounger
                      #11

                      @Scrounger

                      Hi, ich würde gerne den jqui Navi Button gegen Deinen austauschen,
                      leider zentrierst Du das Bild in der Mitte, da habe ich keinen Platz für den Preis unten drunter.
                      Hast Du eine Idee ?

                      jqui
                      1.PNG

                      Dein Button Navigation
                      2.PNG

                      oben / unten Einstellung ändert nichts daran.

                      Habs jetzt erstmal über Signalbilder gelöst, aber trotzdem, oben/unten funktioniert nicht.

                      Edit: verschoben, da Frage Button Widget und nich Masonry Widget betrifft. Bitte darauf achten im Thema des entsprechenden Widgets Eure Fragen zu stellen!

                      IOBroker mit Proxmox auf Celeron Nuc mit 16 GB und Debian11, Sonos API, Echo Show 15 als Wandtablet, Homematic IP, HUE, Sonos, Echos, DS718+ als Backup

                      I ScroungerS 2 Antworten Letzte Antwort
                      0
                      • S skokarl

                        @Scrounger

                        Hi, ich würde gerne den jqui Navi Button gegen Deinen austauschen,
                        leider zentrierst Du das Bild in der Mitte, da habe ich keinen Platz für den Preis unten drunter.
                        Hast Du eine Idee ?

                        jqui
                        1.PNG

                        Dein Button Navigation
                        2.PNG

                        oben / unten Einstellung ändert nichts daran.

                        Habs jetzt erstmal über Signalbilder gelöst, aber trotzdem, oben/unten funktioniert nicht.

                        Edit: verschoben, da Frage Button Widget und nich Masonry Widget betrifft. Bitte darauf achten im Thema des entsprechenden Widgets Eure Fragen zu stellen!

                        I Online
                        I Online
                        intruder7
                        schrieb am zuletzt editiert von Scrounger
                        #12

                        @skokarl
                        Habs auch umgesetzt mit einem Preis unter dem Icon.

                        [{"tpl":"tplVis-materialdesign-Button-Toggle-vertical","data":{"oid":"tankerkoenig.0.stations.2.status","g_fixed":false,"g_visibility":false,"g_css_font_text":true,"g_css_background":false,"g_css_shadow_padding":false,"g_css_border":true,"g_gestures":false,"g_signals":false,"g_last_change":false,"visibility-cond":"==","visibility-val":1,"visibility-groups-action":"hide","buttonStyle":"raised","toggleType":"value","stateIfNotTrueValue":"on","vibrateOnMobilDevices":"50","signals-cond-0":"==","signals-val-0":true,"signals-icon-0":"/vis/signals/lowbattery.png","signals-icon-size-0":0,"signals-blink-0":false,"signals-horz-0":0,"signals-vert-0":0,"signals-hide-edit-0":false,"signals-cond-1":"==","signals-val-1":true,"signals-icon-1":"/vis/signals/lowbattery.png","signals-icon-size-1":0,"signals-blink-1":false,"signals-horz-1":0,"signals-vert-1":0,"signals-hide-edit-1":false,"signals-cond-2":"==","signals-val-2":true,"signals-icon-2":"/vis/signals/lowbattery.png","signals-icon-size-2":0,"signals-blink-2":false,"signals-horz-2":0,"signals-vert-2":0,"signals-hide-edit-2":false,"lc-type":"last-change","lc-is-interval":true,"lc-is-moment":false,"lc-format":"","lc-position-vert":"top","lc-position-horz":"right","lc-offset-vert":0,"lc-offset-horz":0,"lc-font-size":"12px","lc-font-family":"","lc-font-style":"","lc-bkg-color":"","lc-color":"","lc-border-width":"0","lc-border-style":"","lc-border-color":"","lc-border-radius":10,"lc-zindex":0,"image":"/icons-material-png/maps/ic_local_gas_station_white_48dp.png","imageTrue":"/icons-material-png/maps/ic_local_gas_station_white_48dp.png","iconHeight":"35","valueOff":"close","valueOn":"open","invertImage":false,"invertImageTrue":false,"readOnly":true,"labelTrue":"{tankerkoenig.0.stations.2.diesel.combined}         ","labelColorTrue":"","labelFalse":"closed","iconPosition":"top","buttontext":"{tankerkoenig.0.stations.2.diesel.combined}     "},"style":{"left":"calc(100% - 80px)","top":"45px","width":"60px","height":"60px","border-width":"1px","border-style":"solid","border-radius":"10px","border-color":"#FFFFFF","font-family":"Comfortaa-Regular","font-size":"15px","text-align":"center","z-index":"10"},"widgetSet":"materialdesign"}]
                        

                        Edit: verschoben, da Frage Button Widget und nich Masonry Widget betrifft. Bitte darauf achten im Thema des entsprechenden Widgets Eure Fragen zu stellen!

                        1 Antwort Letzte Antwort
                        0
                        • S skokarl

                          @Scrounger

                          Hi, ich würde gerne den jqui Navi Button gegen Deinen austauschen,
                          leider zentrierst Du das Bild in der Mitte, da habe ich keinen Platz für den Preis unten drunter.
                          Hast Du eine Idee ?

                          jqui
                          1.PNG

                          Dein Button Navigation
                          2.PNG

                          oben / unten Einstellung ändert nichts daran.

                          Habs jetzt erstmal über Signalbilder gelöst, aber trotzdem, oben/unten funktioniert nicht.

                          Edit: verschoben, da Frage Button Widget und nich Masonry Widget betrifft. Bitte darauf achten im Thema des entsprechenden Widgets Eure Fragen zu stellen!

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

                          @skokarl
                          Musst Image Größe und / oder Button Größe verändern.

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

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

                          S 1 Antwort Letzte Antwort
                          0
                          • ScroungerS Scrounger

                            @skokarl
                            Musst Image Größe und / oder Button Größe verändern.

                            S Offline
                            S Offline
                            skokarl
                            schrieb am zuletzt editiert von skokarl
                            #14

                            @Scrounger sagte in Material Design Widgets: Buttons Widget:

                            @skokarl
                            Musst Image Größe und / oder Button Größe verändern.

                            das würde ja heißen oben/unten funktioniert nur bei größeren Buttons ?

                            IOBroker mit Proxmox auf Celeron Nuc mit 16 GB und Debian11, Sonos API, Echo Show 15 als Wandtablet, Homematic IP, HUE, Sonos, Echos, DS718+ als Backup

                            I ScroungerS 2 Antworten Letzte Antwort
                            0
                            • S skokarl

                              @Scrounger sagte in Material Design Widgets: Buttons Widget:

                              @skokarl
                              Musst Image Größe und / oder Button Größe verändern.

                              das würde ja heißen oben/unten funktioniert nur bei größeren Buttons ?

                              I Online
                              I Online
                              intruder7
                              schrieb am zuletzt editiert von
                              #15

                              @skokarl
                              c68482a4-9a76-4aff-8a70-2ac197ffcaf0-image.png

                              Probiere doch das Widget oben aus.

                              S 1 Antwort Letzte Antwort
                              0
                              • I intruder7

                                @skokarl
                                c68482a4-9a76-4aff-8a70-2ac197ffcaf0-image.png

                                Probiere doch das Widget oben aus.

                                S Offline
                                S Offline
                                skokarl
                                schrieb am zuletzt editiert von
                                #16

                                @intruder7
                                ja, Danke, mach ich.

                                IOBroker mit Proxmox auf Celeron Nuc mit 16 GB und Debian11, Sonos API, Echo Show 15 als Wandtablet, Homematic IP, HUE, Sonos, Echos, DS718+ als Backup

                                1 Antwort Letzte Antwort
                                0
                                • S skokarl

                                  @Scrounger sagte in Material Design Widgets: Buttons Widget:

                                  @skokarl
                                  Musst Image Größe und / oder Button Größe verändern.

                                  das würde ja heißen oben/unten funktioniert nur bei größeren Buttons ?

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

                                  @skokarl
                                  Natürlich, aber der Button bietet je nach Größe nur einen bestimmten Platz. Wenn der schon durch das Bild belegt ist, ist halt kein Text zu sehen. Spiel doch einfach Mal mit der Bild Größe herum.

                                  <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
                                  • B Offline
                                    B Offline
                                    Besserso
                                    schrieb am zuletzt editiert von
                                    #18

                                    Um mir nur Werte anzeigen zu lassen, Baue ich gerade die Buttons nach, damit das Design gleich bleibt hätte ich gerne gewusst, welche genaue Farbe deine Standard Buttons haben. Tolle Arbeit und Gruß, Frank

                                    ScroungerS 1 Antwort Letzte Antwort
                                    0
                                    • B Besserso

                                      Um mir nur Werte anzeigen zu lassen, Baue ich gerade die Buttons nach, damit das Design gleich bleibt hätte ich gerne gewusst, welche genaue Farbe deine Standard Buttons haben. Tolle Arbeit und Gruß, Frank

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

                                      @Besserso sagte in Material Design Widgets: Buttons Widget:

                                      welche genaue Farbe deine Standard Buttons haben

                                      #44739e

                                      <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
                                      • ScroungerS Scrounger

                                        Button Widget | Button Vertical Widget | Icon Button Widget

                                        buttons.gif
                                        icon-button.gif

                                        Sämtliche Fragen zu Einstellungen (VIS Editor, Bedienung, JSON strings, etc.) des Widgets hier stellen

                                        Das ist sicher besser für die Übersichtlichkeit und Dokumentation.

                                        • Dokumentation
                                        • Online Beispiel

                                        Themen zu anderen Widgets findest du hier!

                                        T Offline
                                        T Offline
                                        thomas.heyn
                                        schrieb am zuletzt editiert von
                                        #20

                                        @Scrounger Ich würde gerne den Button State nutzen um einfach Tür Auf/Zu zu visualisieren, den Button einfügen und den Datenpunkt verknüpfen hab ich geschafft aber wie geht es dann weiter? Ich hätte gerne dass der Name der Tür im Button oder neben dem Button steht und je nach Status entweder "ZU" mit Hintergrund Grün oder "AUF" mit Hintergrund Rot visualisiert wird. Ich hab leider keine Ahnung von HTML oder CSS und komme an dieser Stelle einfach nicht weiter. Sorry falls es trivial ist. Thomas

                                        S ScroungerS 2 Antworten Letzte Antwort
                                        0
                                        • T thomas.heyn

                                          @Scrounger Ich würde gerne den Button State nutzen um einfach Tür Auf/Zu zu visualisieren, den Button einfügen und den Datenpunkt verknüpfen hab ich geschafft aber wie geht es dann weiter? Ich hätte gerne dass der Name der Tür im Button oder neben dem Button steht und je nach Status entweder "ZU" mit Hintergrund Grün oder "AUF" mit Hintergrund Rot visualisiert wird. Ich hab leider keine Ahnung von HTML oder CSS und komme an dieser Stelle einfach nicht weiter. Sorry falls es trivial ist. Thomas

                                          S Offline
                                          S Offline
                                          skokarl
                                          schrieb am zuletzt editiert von
                                          #21

                                          @thomas-heyn

                                          nimm zwei html Widgets, mit Farbe und Text wie Du es möchtest.
                                          Schalte diese über Sichtbarkeit in Abhängigkeit von dem Datenpunkt sichtbar oder eben nicht.

                                          1.PNG

                                          IOBroker mit Proxmox auf Celeron Nuc mit 16 GB und Debian11, Sonos API, Echo Show 15 als Wandtablet, Homematic IP, HUE, Sonos, Echos, DS718+ als Backup

                                          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

                                          1.0k

                                          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