Skip to content
  • Recent
  • Tags
  • 0 Unread 0
  • Categories
  • Unreplied
  • Popular
  • 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

  • Default (No Skin)
  • No Skin
Collapse
Logo
  1. ioBroker Community Home
  2. Deutsch
  3. Visualisierung
  4. Widget als komplette Schaltfläche

NEWS

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

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

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

Widget als komplette Schaltfläche

Scheduled Pinned Locked Moved Visualisierung
8 Posts 3 Posters 840 Views
  • Oldest to Newest
  • Newest to Oldest
  • Most Votes
Reply
  • Reply as topic
Log in to reply
This topic has been deleted. Only users with topic management privileges can see it.
  • M Offline
    M Offline
    MisterX
    wrote on last edited by
    #1

    Hallo zusammen,

    ich habe mir ein Button gebastelt 😄 , wie kann ich es realisieren das der ganze Button als Schaltfläche erkannt wird? Aktuell wird nur der grüne Strich als Schaltfläche erkannt.

    Vielen Dank im Voraus

    [{"tpl":"tplBulbOnOffCtrl","data":{"oid":"hm-rpc.0.JEQ0462021.1.STATE","g_fixed":true,"g_visibility":false,"g_css_font_text":false,"g_css_background":true,"g_css_shadow_padding":false,"g_css_border":false,"g_gestures":false,"g_signals":false,"visibility-cond":"==","visibility-val":1,"visibility-groups-action":"hide","icon_off":"/icons Mike/button grün.png","icon_on":"/icons Mike/button rot.png","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,"oidTrueValue":"","oidFalseValue":"","name":"Wohnungstür Button","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},"style":{"left":"120.95484924316406px","top":"126.97917938232422px","width":"194px","height":"10px","z-index":"30","cursor":"pointer","opacity":""},"widgetSet":"basic"},{"tpl":"tplFrame","data":{"g_fixed":true,"g_visibility":true,"g_css_font_text":false,"g_css_background":true,"g_css_shadow_padding":true,"g_css_border":true,"g_gestures":false,"g_signals":true,"visibility-cond":"==","visibility-val":1,"visibility-groups-action":"hide","title":"","title_color":"","title_top":"-16","title_left":"15","header_height":"0","header_color":"","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,"title_back":"","title_font":"","name":"Wohnungstür Button","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,"visibility-oid":""},"style":{"left":"112.98609924316406px","top":"120.98958587646484px","width":"209px","height":"58px","z-index":"4","box-shadow":"","background-color":"","background":"rgba(0, 0, 0, 0) linear-gradient(rgb(69, 72, 77) 0%, rgb(0, 0, 0) 100%) repeat scroll 0% 0% / auto padding-box border-box","border-style":"","background-attachment":"","border-width":"","border-color":"","border-radius":"","background-clip":"","background-origin":""},"widgetSet":"basic"},{"tpl":"tplValueList","data":{"oid":"nothing_selected","g_fixed":false,"g_visibility":false,"g_css_font_text":true,"g_css_background":false,"g_css_shadow_padding":false,"g_css_border":false,"g_gestures":false,"g_signals":false,"g_last_change":false,"visibility-cond":"==","visibility-val":1,"visibility-groups-action":"hide","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,"html_prepend":"Kegel"},"style":{"left":"127px","top":"147px","z-index":"5","width":"49px","height":"19px","color":"#dcd0d0","font-weight":"bold"},"widgetSet":"basic"},{"tpl":"tplBulbOnOffCtrl","data":{"oid":"hm-rpc.0.JEQ0462021.1.STATE","visibility-cond":"==","visibility-val":1,"icon_off":"img/bulb_off.png","icon_on":"img/bulb_on.png","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,"readOnly":false,"min":"0","max":"1","visibility-groups-action":"hide","lc-type":"last-change","lc-is-interval":true,"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-is-moment":false,"lc-zindex":0},"style":{"left":"263.9583282470703px","top":"133.97570037841797px","width":"37px","height":"39px","z-index":"10"},"widgetSet":"basic"}]
    

    2348_unbenannt.jpg

    1 Reply Last reply
    0
    • R Offline
      R Offline
      RappiRN
      Most Active
      wrote on last edited by
      #2

      Einfach ein durchsichtiges Widget "oben drüber" legen, also den z-Index um mindestens einen höher als das, was du jetzt schon hast!

      Enrico

      1 Reply Last reply
      0
      • M Offline
        M Offline
        MisterX
        wrote on last edited by
        #3

        Hi Enrico,

        danke für den Tip. Das habe ich schon mal probiert aber dann bekomme ich immer dieses Symbol eingeblendet. Warscheinlich weil ich ja auch kein Symbol hinterlegt habe, es soll ja Transparent bleiben.

        Welches Widget kann ich denn dafür am besten verwenden?

        Ich habe es mit dem Basic Bulb probiert.
        2348_unbenannt.jpg

        1 Reply Last reply
        0
        • R Offline
          R Offline
          RappiRN
          Most Active
          wrote on last edited by
          #4

          Gegenfrage: Was willst du denn schalten? AN/AUS?

          Enrico

          1 Reply Last reply
          0
          • M Offline
            M Offline
            MisterX
            wrote on last edited by
            #5

            Ja einfach An/Aus 😄

            1 Reply Last reply
            0
            • apollon77A Online
              apollon77A Online
              apollon77
              wrote on last edited by
              #6

              @MisterX:

              danke für den Tip. Das habe ich schon mal probiert aber dann bekomme ich immer dieses Symbol eingeblendet. Warscheinlich weil ich ja auch kein Symbol hinterlegt habe, es soll ja Transparent bleiben. `

              Generiere dir ein 1pixel transparent Bild … z.B. http://png-pixel.com/ Dann hast Du ein Bild 🙂

              Beitrag hat geholfen? Votet rechts unten im Beitrag :-) https://paypal.me/Apollon77 / https://github.com/sponsors/Apollon77

              • Debug-Log für Instanz einschalten? Admin -> Instanzen -> Expertenmodus -> Instanz aufklappen - Loglevel ändern
              • Logfiles auf Platte /opt/iobroker/log/… nutzen, Admin schneidet Zeilen ab
              1 Reply Last reply
              0
              • R Offline
                R Offline
                RappiRN
                Most Active
                wrote on last edited by
                #7

                Das z.B.:

                2216_bool.jpg

                bei Background "0" eintragen.

                Enrico

                1 Reply Last reply
                0
                • M Offline
                  M Offline
                  MisterX
                  wrote on last edited by
                  #8

                  Danke an euch beiden.

                  Ich habe Enricos Variante bevorzugt. Funktioniert einwandfrei

                  Vielen Dank.

                  Gruß Mike

                  1 Reply Last reply
                  0
                  Reply
                  • Reply as topic
                  Log in to reply
                  • Oldest to Newest
                  • Newest to Oldest
                  • Most Votes


                  Support us

                  ioBroker
                  Community Adapters
                  Donate

                  397

                  Online

                  32.4k

                  Users

                  81.4k

                  Topics

                  1.3m

                  Posts
                  Community
                  Impressum | Datenschutz-Bestimmungen | Nutzungsbedingungen
                  ioBroker Community 2014-2025
                  logo
                  • Login

                  • Don't have an account? Register

                  • Login or register to search.
                  • First post
                    Last post
                  0
                  • Recent
                  • Tags
                  • Unread 0
                  • Categories
                  • Unreplied
                  • Popular
                  • GitHub
                  • Docu
                  • Hilfe