Navigation

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

    NEWS

    • Wir empfehlen: Node.js 22.x

    • Neuer Blog: Fotos und Eindrücke aus Solingen

    • ioBroker goes Matter ... Matter Adapter in Stable

    Widgets

    This topic has been deleted. Only users with topic management privileges can see it.
    • R
      Riddler last edited by

      Hallo gibt es irgendwo eine Sammung von Widgets hauptsächlich für eine Heizungssteuerung 🙂 und ich suche sowas in der Art wie im Anhang 🙂

      Ich möchte mehrere Pumpen steuern über einen temperaturfühler und möchte einstellen ab wie viel grad sie einschaltet (über 80grad der Wert muss aber veränderbar sein) und ausschaltet (unter 65grad auch veränderbar) 🙂
      2883_img_5025.png

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

        @Riddler:

        Hallo gibt es irgendwo eine Sammung von Widgets hauptsächlich für eine Heizungssteuerung 🙂 und ich suche sowas in der Art wie im Anhang 🙂

        Ich möchte mehrere Pumpen steuern über einen temperaturfühler und möchte einstellen ab wie viel grad sie einschaltet (über 80grad der Wert muss aber veränderbar sein) und ausschaltet (unter 65grad auch veränderbar) 🙂 `
        Hallo Riddler

        Dein gezeigtes Widget ist nicht 1 Widget!

        Das sind mehrere übereinander gelegt.

        Grüße

        1 Reply Last reply Reply Quote 0
        • Homoran
          Homoran Global Moderator Administrators last edited by

          @Riddler:

          Ich möchte mehrere Pumpen steuern über einen temperaturfühler und möchte einstellen ab wie viel grad sie einschaltet `
          Dazu sind nicht die Widgets da, das muss mit einem Programm erledigt werden.

          Widgets dienen der Visualisierung, oder der Bedienung. Komplexe Steuerungen müssen programmiert werden.

          Dazu stehen javascript, incl. Blockly, node-red und ggf. für einfachere Zusammenhänge der Szenenadapter zur Verfügung.

          Gruß

          Rainer

          1 Reply Last reply Reply Quote 0
          • rantanplan
            rantanplan last edited by Homoran

            Hier mal ein Beispiel von mir.

            Ist Deinem Beispiel ähnlich.
            147_beispiel_widget.png

            Hier zum Importieren. So als Grundlage.

            Der Fantasie sind keine Grenzen gesetzt. 😉

            Wichtig ist hier der "z-index"!

            Man kann die Widgets auch gruppieren.

            [{"tpl":"tplIconInc","data":{"oid":"hm-rpc.0.KEQ0078771.2.SETPOINT","visibility-cond":"==","visibility-val":1,"step":"-1","minmax":"4.5","text":"","repeat_delay":"800","repeat_interval":"800","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,"src":"/icons-icons8/others/white/minus.png","visibility-groups-action":"hide","imageHeight":"","visibility-oid":"hm-rega.0.3467"},"style":{"left":"335px","top":"118px","height":"50px","width":"50px","z-index":"25","background-color":"blue","background":"blue"},"widgetSet":"jqui"},{"tpl":"tplFrame","data":{"visibility-cond":"==","visibility-val":1,"title":"Gästebad","title_color":"black","title_top":"5","title_left":"15","header_height":"30","header_color":"#a0c0ca","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,"visibility-groups-action":"hide"},"style":{"left":"325px","top":"76px","width":"240px","height":"175px","font-family":"Arial, Helvetica, sans-serif","font-style":"normal","font-variant":"normal","font-weight":"bold","font-size":"large","z-index":"5","background":"black"},"widgetSet":"basic"},{"tpl":"tplIconInc","data":{"oid":"hm-rpc.0.KEQ0078771.2.SETPOINT","visibility-cond":"==","visibility-val":1,"step":"+1","minmax":"22","text":"","repeat_delay":"800","repeat_interval":"800","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,"src":"/icons-icons8/others/white/Plus.png","visibility-groups-action":"hide","visibility-oid":"hm-rega.0.3467"},"style":{"left":"503px","top":"118px","height":"50px","width":"50px","z-index":"25","background":"blue"},"widgetSet":"jqui"},{"tpl":"tplJustgageValueColored","data":{"visibility-cond":"==","visibility-val":1,"balance1":"50","balance2":"50","signals-cond-0":"==","signals-val-0":true,"signals-icon-0":"/vis/signals/lowbattery.png","signals-icon-size-0":"16","signals-blink-0":true,"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,"oid":"hm-rpc.0.KEQ0078771.2.SETPOINT","min_oid":"7","max_oid":"26","unit":"°C","digits":"1","is_comma":true,"fullBri":true,"mid_oid":"","visibility-groups-action":"hide","signals-oid-0":"hm-rpc.0.KEQ0078771.0.LOWBAT","is_tdp":"false","factor":"1"},"style":{"left":"391px","top":"115px","width":"106px","height":"35px","z-index":"25","font-weight":"bold","font-size":"x-large","text-align":"center"},"widgetSet":"justgage"},{"tpl":"tplValueFloatBar","data":{"oid":"hm-rpc.0.KEQ0089527.1.VALVE_STATE","visibility-cond":"==","visibility-val":1,"factor":"1","color":"Red","min":"0","max":"99","orientation":"horizontal","gestures-offsetX":0,"gestures-offsetY":0,"visibility-groups-action":"hide","g_signals":false,"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},"style":{"left":"335px","top":"180px","width":"220px","height":"16px","border-color":"white","border-radius":"1px","border-width":"1px","border-style":"solid","z-index":"25"},"widgetSet":"basic"},{"tpl":"tplValueFloat","data":{"oid":"hm-rpc.0.KEQ0089527.1.VALVE_STATE","visibility-cond":"==","visibility-val":1,"is_comma":"true","factor":"1","html_append_singular":" %","html_append_plural":" %","is_tdp":"false","gestures-offsetX":0,"gestures-offsetY":0,"digits":"0","signals-cond-0":"==","signals-val-0":true,"signals-icon-0":"/vis/signals/lowbattery.png","signals-icon-size-0":"20","signals-blink-0":true,"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":"18","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,"signals-oid-1":"","signals-oid-0":"hm-rpc.0.KEQ0089527.1.VALVE_STATE","visibility-groups-action":"hide"},"style":{"left":"400px","top":"182px","width":"80px","height":"20px","color":"white","text-align":"center","font-family":"Arial, Helvetica, sans-serif","font-style":"normal","font-variant":"normal","font-weight":"bold","font-size":"small","z-index":"30","border-width":"1px","border-style":"none","border-color":"white","border-radius":"0px"},"widgetSet":"basic"},{"tpl":"tplJustgageValueIndicatorColored","data":{"visibility-cond":"==","visibility-val":1,"equalAfter":"0","balance1":"50","balance2":"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,"oid":"hm-rpc.0.KEQ0078771.1.TEMPERATURE","min_oid":-10,"max_oid":"40","unit":"°C","is_comma":true,"html_append_singular":" ","html_append_plural":" ","digits":"1","changeBgColor":false,"fullBri":true,"visibility-groups-action":"hide","up":"","equal":"","down":""},"style":{"left":"470px","top":"208px","font-weight":"bold","font-size":"large","width":"93px","height":"24px","z-index":"25","text-align":"right"},"widgetSet":"justgage"},{"tpl":"tplJustgageValueIndicatorColored","data":{"visibility-cond":"==","visibility-val":1,"equalAfter":"0","balance1":"50","balance2":"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,"oid":"hm-rpc.0.KEQ0078771.1.HUMIDITY","min_oid":0,"max_oid":"80","unit":"%","digits":"0","is_comma":true,"changeBgColor":false,"fullBri":true,"html_append_singular":" ","html_append_plural":" ","visibility-groups-action":"hide"},"style":{"left":"491px","top":"230px","height":"21px","z-index":"25","font-weight":"bold","font-size":"large","width":"74px","text-align":"right"},"widgetSet":"justgage"},{"tpl":"tplJquiBool","data":{"oid":"hm-rega.0.3467","g_fixed":false,"g_visibility":false,"g_css_font_text":true,"g_css_background":true,"g_css_shadow_padding":false,"g_css_border":true,"g_gestures":false,"g_signals":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,"html_true":"manuell","html_false":"auto"},"style":{"left":"405px","top":"150px","width":"76px","height":"20px","text-align":"center","color":"white","background-color":"black","background":"black","z-index":"25"},"widgetSet":"jqui"},{"tpl":"tplMfdWindow","data":{"oid":"hm-rpc.0.KEQ0550575.1.STATE","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":true,"visibility-cond":"==","visibility-val":1,"visibility-groups-action":"hide","asButton":false,"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":true,"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,"signals-oid-1":"hm-rpc.0.KEQ0550575.1.LOWBAT","closed_value":"0","tilted_value":"1","opened_value":"2"},"style":{"left":"341px","top":"213px","width":"42px","height":"39px","z-index":"245"},"widgetSet":"jqui-mfd"},{"tpl":"tplMfdDoor","data":{"oid":"hm-rpc.0.KEQ0160321.1.STATE","g_fixed":true,"g_visibility":false,"g_css_font_text":true,"g_css_background":true,"g_css_shadow_padding":true,"g_css_border":true,"g_gestures":false,"g_signals":false,"visibility-cond":"==","visibility-val":1,"visibility-groups-action":"hide","asButton":false,"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,"closed_value":"","tilted_value":"","opened_value":"","invert_icon":false,"g_icons":false},"style":{"left":"368px","top":"204px","width":"52px","height":"52px","z-index":"25","background-color":"","background":"transparent","border-color":"transparent","padding-left":"","margin-left":"","overflow-x":"","overflow-y":"","background-clip":"","background-attachment":""},"widgetSet":"jqui-mfd"}]
            

            Grüße

            Meister-x 1 Reply Last reply Reply Quote 0
            • R
              Riddler last edited by

              Okay danke schon mal 🙂 ja das des nur für die Optik da ist weis ich 🙂 Bzw für die Oberfläche aber gibt es nicht Iwo so Sammlungen wo fertige Objekte gibt wo man sich was abschauen kann 🙂

              1 Reply Last reply Reply Quote 0
              • Homoran
                Homoran Global Moderator Administrators last edited by

                @Riddler:

                wo fertige Objekte gibt wo man sich was abschauen kann `

                So was?

                http://forum.iobroker.net/viewtopic.php?f=35&t=5369

                Gruß

                Rainer

                1 Reply Last reply Reply Quote 0
                • R
                  Riddler last edited by

                  Ja sowas in der Art nur mit Skripte zum testen und umändern 🙂 oder wo man die ganzen Symbole herbekommt :roll:

                  Sorry bin noch kompletter Anfänger 🙂

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

                    Moin,

                    Rantanplan hatte etwas weiter oben sein Widget-Paket als Export hochgeladen. Das nimmst Du Dir und fügst es in VIS wieder ein (Funktion „Widgets importieren“ verwenden).

                    Dann hast Du alles schon mal in der Anzeige / der View und musst „nur“ noch die einzelnen Funktionen mit Deinen Datenpunkten (siehe Admin, Reiter Objekte) verbinden - Datenpunkte STATE oder LEVEL sind i.d.R. die, die am meisten verwendet werden (sie können ausgelesen aber auch beschrieben werden). STATE ist meist Boolean (true / false) und LEVEL ein Wert (z.B. 0 -100%).

                    Lies Dir bitte auch unbedingt die Infos, Anleitungen, usw. auf der Webseite durch ==> z.B. diese hier http://www.iobroker.net/docu/?page_id=6317&lang=de

                    Das hilft ungemein bei den ersten Fragen und gibt einen guten Überblick.

                    Ansonsten fragen, fragen, fragen und immer Screenshots mitliefern (soweit möglich) - das erleichtert uns die Arbeit ungemein 🙂

                    Gruß,

                    Eric

                    Von unterwegs getippert

                    1 Reply Last reply Reply Quote 0
                    • Meister-x
                      Meister-x @rantanplan last edited by

                      @rantanplan

                      Hallo dein Widgets gefällt mir sehr gut und hätte es versucht zu koperen.
                      leider bekomme ich eine Fehlermeldung:
                      Invalid JSON SyntaxError: JSON.parse: unexpected character at line 1 column 1 of the JSON data

                      wäre schön wenn du mir helfen könntest -Danke

                      htrecksler 1 Reply Last reply Reply Quote 0
                      • htrecksler
                        htrecksler Forum Testing @Meister-x last edited by

                        @Meister-x
                        kann es sein, das du die Zeichen am Anfang und Ende miteingefügt hast?
                        Das ! am Anfang und Ende darf nicht mit kopiert werden, dann gehts

                        Homoran 1 Reply Last reply Reply Quote 0
                        • Homoran
                          Homoran Global Moderator Administrators @htrecksler last edited by Homoran

                          @htrecksler

                          Ich hoffe ich habe den code vom Tablet aus richtig restaurieren können

                          htrecksler 1 Reply Last reply Reply Quote 0
                          • htrecksler
                            htrecksler Forum Testing @Homoran last edited by

                            @Homoran sieht sehr gut aus👍

                            Meister-x 1 Reply Last reply Reply Quote 0
                            • Meister-x
                              Meister-x @htrecksler last edited by

                              danke für die schnelle Rückinfo-kann es erst am Sonntag Abend nochmal versuchen.
                              Gruß
                              Gerhard

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

                              Support us

                              ioBroker
                              Community Adapters
                              Donate

                              652
                              Online

                              32.0k
                              Users

                              80.4k
                              Topics

                              1.3m
                              Posts

                              6
                              13
                              6062
                              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