Skip to content
  • Home
  • 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
ioBroker Logo

Community Forum

donate donate
  1. ioBroker Community Home
  2. Deutsch
  3. Visualisierung
  4. [Frage] Metro Tile Toggle Widget für Dimmer verwenden

NEWS

  • Jahresrückblick 2025 – unser neuer Blogbeitrag ist online! ✨
    BluefoxB
    Bluefox
    17
    1
    2.6k

  • Neuer Blogbeitrag: Monatsrückblick - Dezember 2025 🎄
    BluefoxB
    Bluefox
    13
    1
    997

  • Weihnachtsangebot 2025! 🎄
    BluefoxB
    Bluefox
    25
    1
    2.3k

[Frage] Metro Tile Toggle Widget für Dimmer verwenden

Scheduled Pinned Locked Moved Visualisierung
11 Posts 3 Posters 3.6k 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.
  • P Offline
    P Offline
    pix
    wrote on last edited by
    #2

    Hallo Ceerix,

    wenn dir das Metro Dimmer Widget nicht gefällt, kannst du das über den Umweg Javascript-Adapter machen.

    Du brauchst ein Skript, das auf das Metro Toggle Widget reagiert und bei true den LEVEL-Datenpunkt des Dimmers auf 100% setzt und false eben auf 0%.

    Dazu muss im Skript ein Objekt erstellt werden (ich nenne es mal fantasievoll "Dimmerschalter"), das vom Widget getoggelt werden kann. Ich verwende hier mal die Javascript Instanz 0.

    Ich hoffe, du weisst, wie man ein Skript im Javascript-Adapter erstellt. Sonst schau mal auf der iobroker.net Webseite vorbei.

    http://www.iobroker.net/docu/?page_id=6818&lang=de

    http://www.iobroker.net/docu/?page_id=5385&lang=de

    createState('Dimmerschalter', false, true, {
        type: 'boolean',
        def: false,
        name: 'Dimmerschalter',
        desc: 'Umgehung für Dimmerbedienung mit Schalter in VIS'
    });
    
    var idDimmer = "hm-rpc.0.LEQ1234567.1.LEVEL"; // hier Dimmer OID Datenpunkt LEVEL eintragen
    var idSchalter = 'javascript.' + instance + '.Dimmerschalter';
    
    on(idSchalter, function(obj) {
        if (obj.state.val) setState(idDimmer, 100); // wenn true Dimmerlevel auf 100%
        else setState(idDimmer, 0); // sonst 0%
    });
    
    

    Dann dieses Widget verwenden:

    [{"tpl":"tplMetroTileToggle","data":{"oid":"javascript.0.Dimmerschalter","g_fixed":false,"g_visibility":false,"g_css_font_text":false,"g_css_background":false,"g_css_shadow_padding":false,"g_css_border":false,"g_gestures":false,"g_signals":false,"visibility-cond":"==","visibility-val":1,"visibility-groups-action":"hide","hover":false,"transform":"true","bg_class_false":"bg-dark","bg_class_true":"bg-yellow","icon_class_false":"icon-thumbs-down","icon_class_true":"icon-thumbs-up","icon_badge_false":"","icon_badge_true":"","badge_bg_class_false":"","badge_bg_class_true":"bg-teal","brand_bg_class_false":"ribbed-steel","brand_bg_class_true":"bg-steel","badge_top":"0","badge_left":"0","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,"label_false":"aus","label_true":"ein"},"style":{"left":"84px","top":"719px"},"widgetSet":"metro"}]
    

    Bitte um Feedback!

    Gruß

    Pix

    ioBroker auf Ubuntu in Proxmox (früher Mac mini (bis OS X 10.12.6 Sierra), VIS via iOS; angeschlossen: Homematic CCU2, Homepilot 1, ConBee II, einige Wemos, Sonos, Unifi CK+Protect, Homekit, Homebridge; KEIN blockly! Github-Profil

    1 Reply Last reply
    0
    • P Offline
      P Offline
      pix
      wrote on last edited by
      #3

      Übrigens: Alternativ geht auch die Verwendung des Szenen-Adapters. Szenen werden nämlich mit true/false getogglet. Man kann dann einfach die zu schaltenden Aktoren den Szenen zufügen.

      Pix

      ioBroker auf Ubuntu in Proxmox (früher Mac mini (bis OS X 10.12.6 Sierra), VIS via iOS; angeschlossen: Homematic CCU2, Homepilot 1, ConBee II, einige Wemos, Sonos, Unifi CK+Protect, Homekit, Homebridge; KEIN blockly! Github-Profil

      1 Reply Last reply
      0
      • C Offline
        C Offline
        ceerix
        wrote on last edited by
        #4

        Vielen Dank für eure Antworten. Ich werde das am Abend mal testen und gebe euch dann Feedback :)

        Gruß Alex

        1 Reply Last reply
        0
        • C Offline
          C Offline
          ceerix
          wrote on last edited by
          #5

          Es klappt mit dem Skript. Hatte es selbst auch schon mit einem Skript versucht aber hatte keine Datenpunkte erzeugt.

          Vielen herzlichen Dank. Freut mich unglaublich dass ich jetzt einheitliche Icons habe :D

          Gruß Alex

          1 Reply Last reply
          0
          • HomoranH Do not disturb
            HomoranH Do not disturb
            Homoran
            Global Moderator Administrators
            wrote on last edited by
            #6

            @ceerix:

            Freut mich unglaublich dass ich jetzt einheitliche Icons habe `
            und wo ist der Screenshot? ;)

            Gruß

            Rainer

            kein Support per PN! - Fragen im Forum stellen - es gibt fast nichts, was nicht auch für andere interessant ist.

            Benutzt das Voting rechts unten im Beitrag wenn er euch geholfen hat.

            der Installationsfixer: curl -fsL https://iobroker.net/fix.sh | bash -

            1 Reply Last reply
            0
            • C Offline
              C Offline
              ceerix
              wrote on last edited by
              #7

              Ich hoffe es klappt mit Tapatalk ;)

              ~~![](</s><URL url=)<link_text text="https://uploads.tapatalk-cdn.com/201703 ... a6d22d.jpg">https://uploads.tapatalk-cdn.com/20170323/a88e01ad8136cfde37892c1309a6d22d.jpg</link_text>" />

              Gruß Alex~~

              1 Reply Last reply
              0
              • P Offline
                P Offline
                pix
                wrote on last edited by
                #8

                Sehr schöne View und sehr schöne Anwesenheitsicons!

                Pix

                ioBroker auf Ubuntu in Proxmox (früher Mac mini (bis OS X 10.12.6 Sierra), VIS via iOS; angeschlossen: Homematic CCU2, Homepilot 1, ConBee II, einige Wemos, Sonos, Unifi CK+Protect, Homekit, Homebridge; KEIN blockly! Github-Profil

                1 Reply Last reply
                0
                • C Offline
                  C Offline
                  ceerix
                  wrote on last edited by
                  #9

                  @pix:

                  Sehr schöne View und sehr schöne Anwesenheitsicons! `

                  Danke :) Für meinen ersten Versuch gefällt es mir auch sehr gut. Habe mich da von diversen anderen Views inspirieren lassen bzw. Teile sogar fast komplett übernommen für meine anderen Views.

                  Ich habe das Skript noch erweitert weil mir aufgefallen ist, wenn ich das Licht nicht am Tablet einschalte, der Status nicht korrekt angezeigt wird.

                  Deshalb muss man bei manueller Betätigung des Dimmers noch den Dimmerschalter auf den richtigen Wert setzen.

                  createState('Dimmerschalter_WZ', false, true, {
                      type: 'boolean',
                      def: false,
                      name: 'Dimmerschalter_WZ',
                      desc: 'Umgehung für Dimmerbedienung mit Schalter in VIS'
                  });
                  
                  var idDimmer = "hm-rpc.0.XXXXXXXXX.1.LEVEL"; // hier Dimmer OID Datenpunkt LEVEL eintragen
                  var idSchalter = 'javascript.' + instance + '.Dimmerschalter_WZ';
                  
                  on(idSchalter, function(obj) {
                      if (obj.state.val) setState(idDimmer, 100); // wenn true Dimmerlevel auf 100%
                      else setState(idDimmer, 0); // sonst 0%
                  });
                  
                  on(idDimmer, function(obj) {
                      if (obj.state.val > 0) setState(idSchalter, true); // wenn Licht eingeschaltet dann Dimmerschalter auf ein
                      else setState(idSchalter, false); // sonst aus
                  });
                  

                  Sollte es Einwände zum erstellten Code geben, dann immer her damit :)

                  Gruß Alex

                  1 Reply Last reply
                  0
                  • C Offline
                    C Offline
                    ceerix
                    wrote on last edited by
                    #10

                    Einen Einwand hab ich jetzt selbst gefunden.

                    Und zwar kann ich das Licht jetzt nicht mehr über den Button ausschalten. Ist irgendwie auch logisch weil wenn der zweite Zweig durchlaufen wird, dann löst dieser anschließend gleich wieder den ersten Zweig aus und das Licht ist nur ganz kurz aus und geht dann gleich wieder an.

                    Gibt es hierfür auch eine einfache Lösung?

                    Gruß Alex

                    1 Reply Last reply
                    0
                    • C Offline
                      C Offline
                      ceerix
                      wrote on last edited by
                      #11

                      Habe es jetzt so gelöst, dass ich ein zweites unsichtbares Widget drüber gelegt habe, das das Skript auslöst. Den Datenpunkt für das Widget, das mir den Status visualisiert habe ich auf LEVEL geändert.

                      Gruß Alex

                      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

                      559

                      Online

                      32.6k

                      Users

                      82.3k

                      Topics

                      1.3m

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

                      • Don't have an account? Register

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