Navigation

    Logo
    • Register
    • Login
    • Search
    • Recent
    • Tags
    • Unread
    • Categories
    • Unreplied
    • Popular
    • GitHub
    • Docu
    • Hilfe
    1. Home
    2. Deutsch
    3. Praktische Anwendungen (Showcase)
    4. Einfach mal zeigen will….. :-) - Teil 1

    NEWS

    • 15. 05. Wartungsarbeiten am ioBroker Forum

    • Monatsrückblick - April 2025

    • Minor js-controller 7.0.7 Update in latest repo

    Einfach mal zeigen will….. :-) - Teil 1

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

      Hallo

      Kannst du vielleicht das runde Widget komplett hier veröffentlichen!? Sieht nämlich sehr gut aus

      Gruß

      Adrian

      1 Reply Last reply Reply Quote 0
      • M
        Marcel85 last edited by

        Hallo Adrian,

        welches meinst du denn genau?

        Im Prinzip ist fast jedes individuell und besteht aus mindestens 4 Widgets.

        Gruß

        Marcel

        1 Reply Last reply Reply Quote 0
        • S
          simpixo last edited by

          Irgend eins…. sehen alle gut aus! Möchte nur wissen wie die aufgebaut sind

          Danke schon mal

          1 Reply Last reply Reply Quote 0
          • T
            tempestas last edited by

            @Marcel85:

            Die Linien sind eigene Grafiken und der Rest sind hdwidgets und jqui Widgets die ich mir einfach angepasst habe.

            Die Progressbar im Bild unten, ist der hdwidgets Knob.

            Hier muss ich morgen Abend aber noch einiges an Arbeit investieren. `

            Hallo Marcel,

            wie setzt du da dynamisch die min und max Werte? Die ändern sich ja bei jedem Lied.

            Habs mit geschweiften Klammern versucht, hat nicht funktioniert?

            1 Reply Last reply Reply Quote 0
            • SmarthomeMF
              SmarthomeMF last edited by Jey Cee

              Na dann möchte auch ich meine Visualisierung mal herzeigen…..

              bin zwar noch Anfänger aber ich glaube man kann das schon mal herzeigen...
              Unbenannt17.PNG
              Unbenannt16.PNG
              Unbenannt15.PNG
              Unbenannt12.PNG
              Unbenannt11.PNG
              Unbenannt10.PNG

              1 Reply Last reply Reply Quote 0
              • M
                Marcel85 last edited by

                @tempestas:

                @Marcel85:

                Die Linien sind eigene Grafiken und der Rest sind hdwidgets und jqui Widgets die ich mir einfach angepasst habe.

                Die Progressbar im Bild unten, ist der hdwidgets Knob.

                Hier muss ich morgen Abend aber noch einiges an Arbeit investieren. `

                Hallo Marcel,

                wie setzt du da dynamisch die min und max Werte? Die ändern sich ja bei jedem Lied.

                Habs mit geschweiften Klammern versucht, hat nicht funktioniert? `

                Min-Wert 0 ( zumindest sollte jedes Lied bei 0 anfangen 😉 )

                Max-Wert {javascript.0.Spotify.PlaybackInfo.duration_ms}

                1 Reply Last reply Reply Quote 0
                • M
                  Marcel85 last edited by

                  Hier mal das "Spotify-Widget"

                  [{"tpl":"tplHqButton","data":{"oid":"","min":"true","max":"true","iconName":"/icons-mfd-png/audio_play.png","btIconWidth":"49","offsetAuto":false,"leftOffset":"15","topOffset":"9","timeAsInterval":"true","infoLeftFontSize":"12","infoFontRightSize":"12","caption":"","captionOn":"","iconOn":"/icons-mfd-png/control_arrow_left.svg","gestures-offsetX":0,"gestures-offsetY":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,"pushButton":false,"usejQueryStyle":false,"g_visibility":true,"visibility-cond":"==","visibility-val":1,"visibility-groups-action":"hide","styleActive":"hq-button-no-background","name":"Rewind","infoLeftPaddingLeft":"15","infoLeftPaddingRight":"50","infoRightPaddingRight":"15","gestures-swipeLeft-limit":"-1","gestures-rotateLeft-limit":"2","styleNormal":"hq-button-no-background","changeEffect":"","testActive":false,"descriptionLeft":"Robby state","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,"descriptionLeftDisabled":true},"style":{"left":"271px","top":"106px","width":"60px","height":"60px","border-width":"1px","border-style":"none","border-color":"","border-radius":"2px","z-index":"2","text-align":"center","font-size":"small","box-shadow":""},"widgetSet":"hqwidgets"},{"tpl":"tplImage","data":{"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,"g_last_change":false,"visibility-cond":"==","visibility-val":1,"visibility-groups-action":"hide","refreshInterval":"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,"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,"src":"/vis.0/Marcel/Linieduenn.png"},"style":{"left":"283px","top":"540px","z-index":"2","width":"50px","height":"35px","transform":"rotate(90deg)"},"widgetSet":"basic"},{"tpl":"tplShapes","data":{"g_fixed":false,"g_visibility":false,"g_css_font_text":false,"g_css_background":true,"g_css_shadow_padding":true,"g_css_border":true,"g_gestures":false,"g_signals":false,"g_last_change":false,"visibility-cond":"==","visibility-val":1,"visibility-groups-action":"hide","svgType":"circle","strokeColor":"rgba(255,255,255,0.0)","fill":"rgba(255,255,255,0.0)","strokeWidth":"0,1","scaleWidth":"1","scaleHeight":"1","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},"style":{"left":"125px","top":"180px","z-index":"2","background":"","width":"350px","height":"350px","box-shadow":"0px 0px 1px white","border-style":"none","border-radius":"180px"},"widgetSet":"basic"},{"tpl":"tplValueStringImg","data":{"oid":"","g_fixed":true,"g_visibility":false,"g_css_font_text":false,"g_css_background":false,"g_css_shadow_padding":true,"g_css_border":true,"g_gestures":false,"g_signals":false,"g_last_change":false,"visibility-cond":"==","visibility-val":1,"visibility-groups-action":"hide","refreshInterval":"1000","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,"name":"Spotify Cover"},"style":{"left":"155px","top":"210px","width":"290px","height":"290px","z-index":"2","box-shadow":"","border-radius":"180px"},"widgetSet":"basic"},{"tpl":"tplHqButton","data":{"oid":"","min":"true","max":"true","iconName":"/icons-mfd-png/audio_rew.png","btIconWidth":"49","offsetAuto":false,"leftOffset":"15","topOffset":"9","timeAsInterval":"true","infoLeftFontSize":"12","infoFontRightSize":"12","caption":"","captionOn":"","iconOn":"/icons-mfd-png/control_arrow_left.svg","gestures-offsetX":0,"gestures-offsetY":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,"pushButton":false,"usejQueryStyle":false,"g_visibility":true,"visibility-cond":"==","visibility-val":1,"visibility-groups-action":"hide","styleActive":"hq-button-no-background","name":"Rewind","infoLeftPaddingLeft":"15","infoLeftPaddingRight":"50","infoRightPaddingRight":"15","gestures-swipeLeft-limit":"-1","gestures-rotateLeft-limit":"2","styleNormal":"hq-button-no-background","changeEffect":"","testActive":false,"descriptionLeft":"Robby state","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,"descriptionLeftDisabled":true},"style":{"left":"50px","top":"315px","width":"60px","height":"60px","border-width":"1px","border-style":"none","border-color":"","border-radius":"2px","z-index":"2","text-align":"center","font-size":"small","box-shadow":""},"widgetSet":"hqwidgets"},{"tpl":"tplHqButton","data":{"oid":"","min":"true","max":"true","iconName":"/icons-mfd-png/audio_ff.png","btIconWidth":"49","offsetAuto":false,"leftOffset":"8","topOffset":"9","timeAsInterval":"true","infoLeftFontSize":"12","infoFontRightSize":"12","caption":"","captionOn":"","iconOn":"control_arrow_right.svg","gestures-offsetX":0,"gestures-offsetY":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,"pushButton":false,"usejQueryStyle":false,"g_visibility":true,"visibility-cond":"==","visibility-val":1,"visibility-groups-action":"hide","styleActive":"hq-button-no-background","name":"Forward","infoLeftPaddingLeft":"15","infoLeftPaddingRight":"50","infoRightPaddingRight":"15","gestures-swipeLeft-limit":"-1","gestures-rotateLeft-limit":"2","styleNormal":"hq-button-no-background","changeEffect":"","testActive":false,"descriptionLeft":"Robby state","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,"descriptionLeftDisabled":true},"style":{"left":"490px","top":"315px","width":"60px","height":"60px","border-width":"1px","border-style":"none","border-color":"","border-radius":"2px","z-index":"2","text-align":"center","font-size":"small","box-shadow":""},"widgetSet":"hqwidgets"},{"tpl":"tplHqCircle","data":{"g_fixed":true,"g_visibility":false,"g_css_font_text":false,"g_css_background":false,"g_css_shadow_padding":true,"g_css_border":true,"g_gestures":false,"g_signals":false,"g_last_change":false,"visibility-cond":"==","visibility-val":1,"visibility-groups-action":"hide","oid":"","min":"0","max":"","digits":"0","step":"100","is_comma":false,"displayPrevious":"true","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,"descriptionLeft":"javascript.0.Spotify.PlaybackInfo.progress_ms","readOnly":false,"hideNumber":true,"linecap":false,"color":"#ff29ee","unit":"ms","oid-working":"","bgcolor":"#959595","thickness":"0,03","name":"Spotify Progress"},"style":{"left":"150px","top":"205px","width":"300px","height":"300px","box-shadow":"0px 0px 15px #ff29ee","padding":"","z-index":"2","border-radius":"180px"},"widgetSet":"hqwidgets"},{"tpl":"tplValueString","data":{"oid":"","g_fixed":true,"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,"name":"Track"},"style":{"left":"56px","top":"583px","width":"500px","height":"25px","font-family":"RobotoCondensed-Light","font-style":"normal","font-variant":"normal","font-weight":"normal","color":"white","text-align":"center","font-size":"20px","z-index":"2"},"widgetSet":"basic"},{"tpl":"tplValueString","data":{"oid":"","g_fixed":true,"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,"name":"Artist"},"style":{"left":"172px","top":"615px","width":"265px","height":"20px","font-family":"RobotoCondensed-Light","font-style":"normal","font-variant":"normal","font-weight":"normal","color":"#bababa","text-align":"center","font-size":"","z-index":"2"},"widgetSet":"basic"}]
                  
                  1 Reply Last reply Reply Quote 0
                  • S
                    simpixo last edited by

                    @Marcel85:

                    ! Hier mal das "Spotify-Widget"
                    ! [{"tpl":"tplHqButton","data":{"oid":"","min":"true","max":"true","iconName":"/icons-mfd-png/audio_play.png","btIconWidth":"49","offsetAuto":false,"leftOffset":"15","topOffset":"9","timeAsInterval":"true","infoLeftFontSize":"12","infoFontRightSize":"12","caption":"","captionOn":"","iconOn":"/icons-mfd-png/control_arrow_left.svg","gestures-offsetX":0,"gestures-offsetY":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,"pushButton":false,"usejQueryStyle":false,"g_visibility":true,"visibility-cond":"==","visibility-val":1,"visibility-groups-action":"hide","styleActive":"hq-button-no-background","name":"Rewind","infoLeftPaddingLeft":"15","infoLeftPaddingRight":"50","infoRightPaddingRight":"15","gestures-swipeLeft-limit":"-1","gestures-rotateLeft-limit":"2","styleNormal":"hq-button-no-background","changeEffect":"","testActive":false,"descriptionLeft":"Robby state","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,"descriptionLeftDisabled":true},"style":{"left":"271px","top":"106px","width":"60px","height":"60px","border-width":"1px","border-style":"none","border-color":"","border-radius":"2px","z-index":"2","text-align":"center","font-size":"small","box-shadow":""},"widgetSet":"hqwidgets"},{"tpl":"tplImage","data":{"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,"g_last_change":false,"visibility-cond":"==","visibility-val":1,"visibility-groups-action":"hide","refreshInterval":"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,"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,"src":"/vis.0/Marcel/Linieduenn.png"},"style":{"left":"283px","top":"540px","z-index":"2","width":"50px","height":"35px","transform":"rotate(90deg)"},"widgetSet":"basic"},{"tpl":"tplShapes","data":{"g_fixed":false,"g_visibility":false,"g_css_font_text":false,"g_css_background":true,"g_css_shadow_padding":true,"g_css_border":true,"g_gestures":false,"g_signals":false,"g_last_change":false,"visibility-cond":"==","visibility-val":1,"visibility-groups-action":"hide","svgType":"circle","strokeColor":"rgba(255,255,255,0.0)","fill":"rgba(255,255,255,0.0)","strokeWidth":"0,1","scaleWidth":"1","scaleHeight":"1","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},"style":{"left":"125px","top":"180px","z-index":"2","background":"","width":"350px","height":"350px","box-shadow":"0px 0px 1px white","border-style":"none","border-radius":"180px"},"widgetSet":"basic"},{"tpl":"tplValueStringImg","data":{"oid":"","g_fixed":true,"g_visibility":false,"g_css_font_text":false,"g_css_background":false,"g_css_shadow_padding":true,"g_css_border":true,"g_gestures":false,"g_signals":false,"g_last_change":false,"visibility-cond":"==","visibility-val":1,"visibility-groups-action":"hide","refreshInterval":"1000","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,"name":"Spotify Cover"},"style":{"left":"155px","top":"210px","width":"290px","height":"290px","z-index":"2","box-shadow":"","border-radius":"180px"},"widgetSet":"basic"},{"tpl":"tplHqButton","data":{"oid":"","min":"true","max":"true","iconName":"/icons-mfd-png/audio_rew.png","btIconWidth":"49","offsetAuto":false,"leftOffset":"15","topOffset":"9","timeAsInterval":"true","infoLeftFontSize":"12","infoFontRightSize":"12","caption":"","captionOn":"","iconOn":"/icons-mfd-png/control_arrow_left.svg","gestures-offsetX":0,"gestures-offsetY":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,"pushButton":false,"usejQueryStyle":false,"g_visibility":true,"visibility-cond":"==","visibility-val":1,"visibility-groups-action":"hide","styleActive":"hq-button-no-background","name":"Rewind","infoLeftPaddingLeft":"15","infoLeftPaddingRight":"50","infoRightPaddingRight":"15","gestures-swipeLeft-limit":"-1","gestures-rotateLeft-limit":"2","styleNormal":"hq-button-no-background","changeEffect":"","testActive":false,"descriptionLeft":"Robby state","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,"descriptionLeftDisabled":true},"style":{"left":"50px","top":"315px","width":"60px","height":"60px","border-width":"1px","border-style":"none","border-color":"","border-radius":"2px","z-index":"2","text-align":"center","font-size":"small","box-shadow":""},"widgetSet":"hqwidgets"},{"tpl":"tplHqButton","data":{"oid":"","min":"true","max":"true","iconName":"/icons-mfd-png/audio_ff.png","btIconWidth":"49","offsetAuto":false,"leftOffset":"8","topOffset":"9","timeAsInterval":"true","infoLeftFontSize":"12","infoFontRightSize":"12","caption":"","captionOn":"","iconOn":"control_arrow_right.svg","gestures-offsetX":0,"gestures-offsetY":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,"pushButton":false,"usejQueryStyle":false,"g_visibility":true,"visibility-cond":"==","visibility-val":1,"visibility-groups-action":"hide","styleActive":"hq-button-no-background","name":"Forward","infoLeftPaddingLeft":"15","infoLeftPaddingRight":"50","infoRightPaddingRight":"15","gestures-swipeLeft-limit":"-1","gestures-rotateLeft-limit":"2","styleNormal":"hq-button-no-background","changeEffect":"","testActive":false,"descriptionLeft":"Robby state","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,"descriptionLeftDisabled":true},"style":{"left":"490px","top":"315px","width":"60px","height":"60px","border-width":"1px","border-style":"none","border-color":"","border-radius":"2px","z-index":"2","text-align":"center","font-size":"small","box-shadow":""},"widgetSet":"hqwidgets"},{"tpl":"tplHqCircle","data":{"g_fixed":true,"g_visibility":false,"g_css_font_text":false,"g_css_background":false,"g_css_shadow_padding":true,"g_css_border":true,"g_gestures":false,"g_signals":false,"g_last_change":false,"visibility-cond":"==","visibility-val":1,"visibility-groups-action":"hide","oid":"","min":"0","max":"","digits":"0","step":"100","is_comma":false,"displayPrevious":"true","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,"descriptionLeft":"javascript.0.Spotify.PlaybackInfo.progress_ms","readOnly":false,"hideNumber":true,"linecap":false,"color":"#ff29ee","unit":"ms","oid-working":"","bgcolor":"#959595","thickness":"0,03","name":"Spotify Progress"},"style":{"left":"150px","top":"205px","width":"300px","height":"300px","box-shadow":"0px 0px 15px #ff29ee","padding":"","z-index":"2","border-radius":"180px"},"widgetSet":"hqwidgets"},{"tpl":"tplValueString","data":{"oid":"","g_fixed":true,"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,"name":"Track"},"style":{"left":"56px","top":"583px","width":"500px","height":"25px","font-family":"RobotoCondensed-Light","font-style":"normal","font-variant":"normal","font-weight":"normal","color":"white","text-align":"center","font-size":"20px","z-index":"2"},"widgetSet":"basic"},{"tpl":"tplValueString","data":{"oid":"","g_fixed":true,"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,"name":"Artist"},"style":{"left":"172px","top":"615px","width":"265px","height":"20px","font-family":"RobotoCondensed-Light","font-style":"normal","font-variant":"normal","font-weight":"normal","color":"#bababa","text-align":"center","font-size":"","z-index":"2"},"widgetSet":"basic"}] `

                    Danke 🙂

                    1 Reply Last reply Reply Quote 0
                    • T
                      tempestas last edited by

                      Danke!

                      ich kann mich an deinen Designs gar nicht sattsehen.

                      Stelle hier immer wieder fest: designen kann ich gar nicht :lol:

                      wobei ich auch immer das Problem habe, dass ich irgendwie einerseits klare, "leere" (so wie bei dir) Seiten haben will, gleichzeitig aber ja auch viel sehen will. Ich möchte mich ja nicht erst durch Menüs klicken, um gewisse Dinge zu sehen. Schwieriger Spagat..

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

                        Für meine View "Wetterstation" suche ich noch eine Möglichkeit eine Seite mit Regenradar anzuzeigen. Bisher habe ich nur eine winzige Anzeige hinbekommen ( Wetter online). Hat jemand einen Tipp wie ich das grösser hinbekommen kann ?

                        VG Uwe

                        1 Reply Last reply Reply Quote 0
                        • R
                          RappiRN Most Active last edited by

                          @tempestas:

                          wobei ich auch immer das Problem habe, dass ich irgendwie einerseits klare, "leere" (so wie bei dir) Seiten haben will, gleichzeitig aber ja auch viel sehen will. Ich möchte mich ja nicht erst durch Menüs klicken, um gewisse Dinge zu sehen. Schwieriger Spagat.. `

                          So geht mir das auch immer, einerseits bin ich oft von schlichten Views fasziniert andererseits aber auch erstaunt, wie manche User viele Infos immer noch recht übersichtlich hinkriegen. Das Designer-Gen ist an mir leider auch vorbei gerannt! :lol:

                          Enrico

                          1 Reply Last reply Reply Quote 0
                          • Dutchman
                            Dutchman Developer Most Active Administrators last edited by

                            @HAL:

                            Für meine View "Wetterstation" suche ich noch eine Möglichkeit eine Seite mit Regenradar anzuzeigen. Bisher habe ich nur eine winzige Anzeige hinbekommen ( Wetter online). Hat jemand einen Tipp wie ich das grösser hinbekommen kann ?

                            VG Uwe `

                            Jup : http://forum.iobroker.net/viewtopic.php … ar#p107954

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

                              Jup : http://forum.iobroker.net/viewtopic.php … ar#p107954

                              Irgendwie bekomme ich da nur Holländische oder Europaweite Anzeige. Da ich aber immer auf unser Regionales Wetter schaue, bevor ich länger mit dem Hund raus gehe, hilft das nicht wirklich.

                              Dann habe ich aber noch etwas (für mich ) besseres gefunden : http://images2.wetterdienst.de/maps/rad … m_West.gif

                              VG Uwe

                              1 Reply Last reply Reply Quote 0
                              • Dutchman
                                Dutchman Developer Most Active Administrators last edited by

                                @HAL:

                                Irgendwie bekomme ich da nur Holländische oder Europaweite Anzeige. Da ich aber immer auf unser Regionales Wetter schaue, bevor ich länger mit dem Hund raus gehe, hilft das nicht wirklich.

                                Dann habe ich aber noch etwas (für mich ) besseres gefunden : http://images2.wetterdienst.de/maps/rad … m_West.gif

                                VG Uwe `

                                dan hast du dir den thread aber nicht genau durchgelesen:

                                ` > @adarof:

                                Hallo

                                Dank beiden für die Vorschläge.

                                Habe nun den "Film" von buienradar.nl eingebunden in ein iFrame - Vorteil: man kann recht detaiiert zoomen sowie ein eigenes Zentrum / Kartenausschnitt wählen.

                                Hinweis an den nächsten: Auf der buienradar.nl sich erstmal nur die URL generieren lassen - z.B. mit Region "Aachen".

                                In der erzeugten URL sind die GPS Koordinaten, die man dann beliebig genau anpassen kann, sodass der eigene Wohnort exakt im Zentrum ist 🙂

                                VIELEN DANK!

                                Gruss

                                ich werde mal (heut abend) ein script bauen das die koordinaten aus der Admin konfiguration laedt und dan die links bereitstellt als object damit man es als iframe einbinden kan :mrgreen:

                                Die globalen uebersichten von wetterdienst sind mir zu ungenau ind die anderen gehen auf koordinaten niveau 🙂

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

                                  @Dutchman: > dan hast du dir den thread aber nicht genau durchgelesen: `

                                  stimmt. Aber gib mal als Stadt Duisburg ein und du landest in Belgien. Vermutlich gibt es da auch ein Duisburg. An der Stelle habe ich dann nicht weiter gesucht . Mit Düsseldorf klappt es jetzt.

                                  VG Uwe

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

                                    Du sollst ja auch deine koordinaten und keinen namen eingeben

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

                                      @Homoran:

                                      Du sollst ja auch deine koordinaten und keinen namen eingeben `

                                      Erst mal muß man eine Stadt auswählen ( Duesseldorf geht , Duisburg nicht ) . Dann habe ich meine genauen Google Maps Koordinaten in den Link eingetragen und nun klappt es.

                                      Danke Uwe

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

                                        @HAL:

                                        Erst mal muß man eine Stadt auswählen ( Duesseldorf geht , Duisburg nicht `

                                        Hättest auch Amsterdam nehmen können]

                                        1 Reply Last reply Reply Quote 0
                                        • Dutchman
                                          Dutchman Developer Most Active Administrators last edited by

                                          @Homoran:

                                          @HAL:

                                          Erst mal muß man eine Stadt auswählen ( Duesseldorf geht , Duisburg nicht `

                                          Hättest auch Amsterdam nehmen können] `

                                          Ich baue das heute abend in ein script ein und poste es, das script wird dan die lat/ati daten aus dem admin lesen und automatisch die links generieren fuer das hoellandische regenradar koennen bestimmt mehr leute gebrauchen 🙂

                                          Ich poste dan den link hier (wen ich es nicht vergesse 😉

                                          ~Dutch

                                          1 Reply Last reply Reply Quote 0
                                          • M
                                            Marcel85 last edited by Jey Cee

                                            Welcher Homescreen sagt euch eher zu?
                                            3473_d97f8fa5-a811-4b2b-b578-da48e0592eac.png
                                            3473_5c2e49d9-3002-4f00-86b5-b9e48140f699.png

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

                                            Support us

                                            ioBroker
                                            Community Adapters
                                            Donate

                                            984
                                            Online

                                            31.6k
                                            Users

                                            79.4k
                                            Topics

                                            1.3m
                                            Posts

                                            133
                                            649
                                            285313
                                            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