Navigation

    Logo
    • Register
    • Login
    • Search
    • Recent
    • Tags
    • Unread
    • Categories
    • Unreplied
    • Popular
    • GitHub
    • Docu
    • Hilfe
    1. Home
    2. Deutsch
    3. ioBroker Allgemein
    4. GLOW inventwo Button/Widget

    NEWS

    • Wir empfehlen: Node.js 22.x

    • Neuer Blog: Fotos und Eindrücke aus Solingen

    • ioBroker goes Matter ... Matter Adapter in Stable

    GLOW inventwo Button/Widget

    This topic has been deleted. Only users with topic management privileges can see it.
    • TG70
      TG70 Forum Testing last edited by TG70

      Auf vielfachen Wunsch mache ich hier ein neues Thema auf, welches
      sich auf meine Glow Button mit inventwo-Widget.

      Das ist hier mein aktueller Stand.

      Habe nur gerade zu wenig Zeit die Farben der Bindings direkt ins Widget einzufügen. Deshalb vorab mit Bindings

      0dde6831-8104-492c-9828-5c778a2ca70a-image.png

      Die Button sind auch mit anderen Neon Farben zu erstellen. Siehe ganz unten "Neonorange"
      Hier "Neongrün"

      [{"tpl":"i-vis-universal","data":{"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,"iUniversalWidgetType":"Switch","iValueType":"boolean","iValueComparison":"equal","iStateResponseTime":"0","iStateResetValueTime":"0","iNavWait":"-1","iButtonCol":"{vis-inventwo.0.CSS.Button}","iButtonActive":"{vis-inventwo.0.CSS.Active}","iButtonColHover":"","iOpacityBack":"1","iCornerRadiusUL":"4","iCornerRadiusUR":"4","iCornerRadiusLR":"4","iCornerRadiusLL":"4","iContentFlexDirection":"vertical","iContentVertAlign":"iSpace-between","iContentOrder":"orderImgText","iOpacityCtn":"1","iTextColor":"{vis-inventwo.0.CSS.Text}","iTextSize":"12","iTextAlign":"iCenter","iTextSpaceTop":"0","iTextSpaceBottom":"-5","iTextSpaceLeft":"0","iTextSpaceRight":"0","iIconSize":"40","iImgAlign":"iCenter","iImgSpaceTop":"11","iImgSpaceBottom":"0","iImgSpaceLeft":"0","iImgSpaceRight":"0","iImgRotation":"0","iImgBlinkFalse":"0","iImgBlinkTrue":"0","iImgColorFalse":"{vis-inventwo.0.CSS.Bild_falsch}","iImgColorTrue":"{vis-inventwo.0.CSS.Bild_wahr}","iShadowXOffset":"0","iShadowYOffset":"0","iShadowBlur":"0","iShadowSpread":"0","iShadowColor":"{vis-inventwo.0.CSS.Schatten_außen}","iShadowColorActive":"{vis-inventwo.0.CSS.Schatten_außen_aktiv}","iShadowColorHover":"","iShadowInnerXOffset":"0","iShadowInnerYOffset":"0","iShadowInnerBlur":"20","iShadowInnerSpread":"16","iShadowInnerColor":"{vis-inventwo.0.CSS.Schatten_innen}","iShadowInnerColorActive":"{vis-inventwo.0.CSS.Schatten_innen_aktiv}","iShadowInnerColorHover":"","iBorderSize":"1","iBorderStyle":"solid","iBorderColor":"{vis-inventwo.0.CSS.Umrandung}","iBorderColorActive":"{vis-inventwo.0.CSS.Umrandung_aktiv}","iBorderColorHover":"","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,"oid":"hm-rpc.0.OEQ0626505.1.STATE","iValueFalse":"","iValueTrue":"","iTextFalse":"Terr.Licht","iTextTrue":"Terr.Licht","iImageFalse":"/vis-icontwo/Rooms/garden2_on.png","iImageTrue":"/vis-icontwo/Rooms/garden2_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,"nav_view":"1_H_LED_HUE_ALL","value":"","iPopUpBackground":"#666666","iPopUpPreventClickOutside":"","iPopUpShowTitle":"true","iPopUpTitle":"","iPopUpTitleColor":"#ffffff","iPopUpCloseBtnColor":"#dc2e2e","iPopUpWidth":"800px","iPopUpHeight":"500px","iPopUpPosition":"center","iPopUpCornerRadiusUL":"12","iPopUpCornerRadiusUR":"0","iPopUpCornerRadiusLR":"12","iPopUpCornerRadiusLL":"0","iPopUpShadowXOffset":"2","iPopUpShadowYOffset":"2","iPopUpShadowBlur":"2","iPopUpShadowSpread":"1","iPopUpShadowColor":"#111111","visibility-cond":"==","visibility-val":1,"visibility-groups-action":"hide","iImgColorInvertTrue":true,"name":"BUTTON","comment":"verschiedene","iPopUpHeightTitle":"50","iPopUpTitleSize":"28","iPopUpPositionX":"0","iPopUpPositionY":"0","iPopUpCloseAfterSeconds":"0"},"style":{"left":"296px","top":"205px","width":"85px","height":"85px","z-index":"0","font-family":"RobotoCondensed-Regular","font-size":""},"widgetSet":"vis-inventwo"}]
      

      Hier die Bindings - diese liegen in 0_userdata.0.vis-inventwo.0.CSS

      Active	
      Button-Active-Color
      	inventwo.color			#006400	
      
      
      Button	
      Button-Color
      	inventwo.color			#171717	
      
      
      Button_Bild_false	
      Button_Bild_false
      	inventwo.color			#ababab	
      
      
      Button_Bild_true	
      Button_Bild_true
      	inventwo.color			#00ff33	
      
      
      Button_Schatten_in	
      Button_Schatten_in
      	inventwo.color			#171717	
      
      
      Button_Schatten_in_activ	
      Button_Schatten_in_activ
      	inventwo.color			#171717	
      
      
      Button_Schatten_out	
      Button_Schatten_out
      	inventwo.color			#171717	
      
      
      Button_Schatten_out_activ	
      Button_Schatten_out_activ
      	inventwo.color			#171717	
      
      
      Button_Text	
      Button_Text
      	inventwo.color			#808080	
      
      
      ColorPicker	
      ColorPicker
      	inventwo.color			#030D02	
      
      
      Hintergrund	
      Hintergrund
      	inventwo.color			#030D02	
      
      
      Hintergrund_Popup	
      Hintergrund_Popup
      	inventwo.color			#000000	
      
      
      Servicemeldungen	
      Servicemeldungen
      	inventwo.color			#FEC828	
      
      
      Statusleiste	
      Statusleiste
      	inventwo.color			#00ff33	
      
      
      Text	
      Text-Color
      	inventwo.color			#808080	
      
      
      Text_Buttom	
      Text_Buttom
      	inventwo.color			#808080	
      
      
      Timer_Icon_Color	
      Timer_Icon_Color
      	inventwo.color			#00FF00	
      
      
      Top_Button_ColorPress	
      Top_Button_ColorPress
      	inventwo.color			#808080	
      
      
      Top_Button_Hintegrund_aktiv	
      Top_Button_Hintegrund_aktiv
      	inventwo.color			#283021	
      
      
      Top_Button_Hintergrund	
      Top_Button_Hintergrund
      	inventwo.color			#20281B	
      
      
      Top_Button_Icon	
      Top_Button_Icon
      	inventwo.color			#ADADAD	
      
      
      Top_Button_Icon_aktiv	
      Top_Button_Icon_aktiv
      	inventwo.color			#ADADAD	
      
      
      Top_Button_Statusleiste	
      Top_Button_Statusleiste
      	inventwo.color			darkgreen	
      
      
      Top_Button_Statusleiste_Back	
      Top_Button_Statusleiste_Back
      	inventwo.color			transparent	
      
      
      Top_Button_Text	
      Top_Button_Text
      	inventwo.color			transparent	
      
      
      Top_Button_Text2	
      Top_Button_Text2
      	inventwo.color			#ADADAD	
      
      
      Top_Button_Umrandung	
      Top_Button_Umrandung
      	inventwo.color			#0A480D	
      
      
      Top_Button_bg_Hintergrund	
      Top_Button_bg_Hintergrund
      	inventwo.color			transparent	
      
      
      Top_button_bg_Hintergrund_aktiv	
      Top_button_bg_Hintergrund_aktiv
      	inventwo.color			transparent	
      
      
      Umrandung	
      Umrandung
      	inventwo.color			#333333	
      
      
      Umrandung_aktiv	
      Umrandung aktiv
      	inventwo.color			#003d09
      

      OFF-TOPIC:
      Kann mich nicht entscheiden, welche Farbe die Top-Navigationsleiste besser ist.
      Diese sind momentan noch mit Materialdesign Widgets erstellt. Inventwo hat
      aktuell noch keine Radiolistbutton Funktion:

      grün
      IMG_4420.jpg
      grau
      IMG_4419.jpg

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

        @tg70

        Wo kommen die bindings rein?

        TG70 1 Reply Last reply Reply Quote 0
        • TG70
          TG70 Forum Testing @sigi234 last edited by

          @sigi234 sagte in GLOW inventwo Button/Widget:

          @tg70

          Wo kommen die bindings rein?

          diese liegen in

          0_userdata.0.vis-inventwo.0.CSS
          
          liv-in-sky 1 Reply Last reply Reply Quote 0
          • liv-in-sky
            liv-in-sky @TG70 last edited by

            @tg70 evtl könntest du das script zum anlegen der dp noch einstellen ?

            TG70 1 Reply Last reply Reply Quote 1
            • TG70
              TG70 Forum Testing @liv-in-sky last edited by

              @liv-in-sky .. gute Idee ... ich habe die DatenPunkte allerdings nochmal abgeändert und die spontanen Namen, etwas angepasst. Wenn ich gewusst hätte, dass ich sie hier mal brauchen würde, hätte ich DP Namen "schöner" angelegt!
              Hast du das Script noch zufällig?

              liv-in-sky 1 Reply Last reply Reply Quote 0
              • liv-in-sky
                liv-in-sky @TG70 last edited by liv-in-sky

                @tg70

                mußte es nochmal erstellen

                hier der import der datenpunkte - über object tab importieren - dabei darauf achten, das nichts markiert ist ( im tabfenster)

                0_userdata.0.vis-inventwo.json

                Image 2.png

                dann script einmal laufen lassen - beschreibt die datenpunkte

                setState('0_userdata.0.vis-inventwo.0.CSS.Active', '#006400');
                setState('0_userdata.0.vis-inventwo.0.CSS.Bild_falsch', '#ababab');
                setState('0_userdata.0.vis-inventwo.0.CSS.Bild_wahr', '#00ff33');
                setState('0_userdata.0.vis-inventwo.0.CSS.Button', '#171717');
                setState('0_userdata.0.vis-inventwo.0.CSS.ColorPicker', '#030D02');
                setState('0_userdata.0.vis-inventwo.0.CSS.Hintergrund', '#030D02');
                setState('0_userdata.0.vis-inventwo.0.CSS.Hintergrund_Popup', '#000000');
                setState('0_userdata.0.vis-inventwo.0.CSS.Schatten_außen', '#171717');
                setState('0_userdata.0.vis-inventwo.0.CSS.Schatten_außen_aktiv', '#171717');
                setState('0_userdata.0.vis-inventwo.0.CSS.Schatten_innen', '#171717');
                setState('0_userdata.0.vis-inventwo.0.CSS.Schatten_innen_aktiv', '#171717');
                setState('0_userdata.0.vis-inventwo.0.CSS.Servicemeldungen', '#FEC828');
                setState('0_userdata.0.vis-inventwo.0.CSS.Statusleiste', '#1F2129');
                setState('0_userdata.0.vis-inventwo.0.CSS.Test_Zahl', 35);
                setState('0_userdata.0.vis-inventwo.0.CSS.Text', '#808080');
                setState('0_userdata.0.vis-inventwo.0.CSS.Text.Top_Button_Hintegrund', '');
                setState('0_userdata.0.vis-inventwo.0.CSS.Text_Buttom', '#808080');
                setState('0_userdata.0.vis-inventwo.0.CSS.Top_Button_ColorPress', '#808080');
                setState('0_userdata.0.vis-inventwo.0.CSS.Top_Button_Hintegrund_aktiv', '#1F2129');
                setState('0_userdata.0.vis-inventwo.0.CSS.Top_Button_Hintergrund', '#1F2129');
                setState('0_userdata.0.vis-inventwo.0.CSS.Top_Button_Icon', '#f2f2f2');
                setState('0_userdata.0.vis-inventwo.0.CSS.Top_Button_Icon_aktiv', '#f2f2f2');
                setState('0_userdata.0.vis-inventwo.0.CSS.Top_Button_Text', '#787878');
                setState('0_userdata.0.vis-inventwo.0.CSS.Top_Button_bg_Hintergrund', 'transparent');
                setState('0_userdata.0.vis-inventwo.0.CSS.Top_button_bg_Hintergrund_aktiv', 'transparent');
                setState('0_userdata.0.vis-inventwo.0.CSS.Umrandung', '#333333');
                setState('0_userdata.0.vis-inventwo.0.CSS.Umrandung_aktiv', '#003d09');
                

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

                Support us

                ioBroker
                Community Adapters
                Donate
                FAQ Cloud / IOT
                HowTo: Node.js-Update
                HowTo: Backup/Restore
                Downloads
                BLOG

                447
                Online

                32.0k
                Users

                80.4k
                Topics

                1.3m
                Posts

                3
                6
                562
                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