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

[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?

[SmarthomeMF]

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

bin zwar noch Anfänger aber ich glaube man kann das schon mal herzeigen...

[Marcel85]

@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}

[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"}]

[simpixo]

@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

[tempestas]

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..

[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

[RappiRN]

@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

[Dutchman]

@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

[HAL]

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

[Dutchman]

@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

[HAL]

@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

[Homoran]

Du sollst ja auch deine koordinaten und keinen namen eingeben

[HAL]

@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

[Homoran]

@HAL:

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

Hättest auch Amsterdam nehmen können]

[Dutchman]

@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

[Marcel85]

Welcher Homescreen sagt euch eher zu?

[Dutchman]

geschmacksache ich wuerde sagen der zweiter, erste hat fuer meine geschmack zuviele informationen

[Dutchman]

@Dutchman:

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 `

fuer diejeningen die es gebrauchen koennen : http://forum.iobroker.net/viewtopic.php?f=21&t=10376

Script ist noch in alpha status aber macht was es soll, stellt objecten (datenpunkte) bereit fuer ein animiertes gif basiert auf euren coordinaten des systems

[Marcel85]

Hallo,

kennt sich jemand mit der Einbindung neuer Widgets aus?

Gruß

Marcel