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

    • Neuer Blog: Fotos und Eindrücke aus Solingen

    • ioBroker@Smart Living Forum Solingen, 14.06. - Agenda added

    • ioBroker goes Matter ... Matter Adapter in Stable

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

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

      Hallo eric 2905,

      erstmal vielen Dank und ein gesundes, glückliches neues Jahr.

      Da ich nun aus meinem Neujahrsurlaub wieder rein bin, werde ich mich auch mal looxer01's Heizungsskript anschauen.

      Dennoch erstmal vielen Dank Dir!!!

      Grüße Maik

      @eric2905:

      Hi Maik,

      das dürfte schwierig werden .. die View und die dahinterstehende Logik existieren nicht mehr.

      Ich bin komplett auf das Heizungsscript von looxer01 umgestiegen (==> http://forum.iobroker.net/viewtopic.php?f=21&t=6080). Das läuft komplett in ioBroker und ist wesentlich flexibler.

      Die reine Programlogik kann ich Dir aber gerne erklären, wenn Du möchtest.

      Gruß,

      Eric `

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

        Ich versuche gerade für ein 7 Zoll Tablett eine Wetterstation optisch darzustellen ( Entwurf). Leider sind mir die Schriften (xx-large) immer noch zu klein. Kann man die vergrößern ? So wie bei der Vorhersage ?

        VG Uwe
        3183_wetter.jpg

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

          Hallo Uwe,

          Du kannstdie Schriftgröße auch in Pixeln angeben. Zum Beispiel "70px".

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

            Mein erstes Projekt

            weitere Bilder folgen morgen
            3473_studio_20180102_230526.png

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

              Und hier dran arbeite ich aktuell
              3473_studio_20180102_231034.png

              1 Reply Last reply Reply Quote 0
              • P
                pix last edited by

                Hallo Marcel,

                sieht super aus. Sind das eingebundene Grafiken oder CSS? Erzähl mal mehr!

                Gruß

                Pix

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

                  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.
                  3473_screenshot_2018-01-02-19-50-27.png

                  1 Reply Last reply Reply Quote 0
                  • P
                    pix last edited by

                    Echt klasse. Deine Views wären auch was für Bluefox' Galerie. Hast du noch was für Licht oder Sicherheit (Verschluß) oder Heizung?

                    Gruß

                    Pix

                    EDIT: Wie heißt die Schriftart?

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

                      Vielen dank.

                      Ist in Arbeit.

                      Sobald ich da was ansehnliches zusammengeklickt habe, stelle ich es mal rein.

                      Schade das der Knob nur mit 0 und 1 umgehen kann.

                      Homematic liefert leider nur true und false.

                      EDIT: Roboto light, ist bei den Google Fonts mit dabei.

                      EDIT2: Das ist erstmal ein gaaaaanz grober Entwurf
                      3473_studio_20180102_234349.png

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

                        wow, das sieht echt mal richtig richtig schick aus!

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

                          Aktueller Stand:
                          3473_heizung.png
                          3473_men_.png
                          3473_spotify.png
                          3473_staubsauger.png

                          1 Reply Last reply Reply Quote 0
                          • 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
                                            • First post
                                              Last post

                                            Support us

                                            ioBroker
                                            Community Adapters
                                            Donate

                                            652
                                            Online

                                            31.7k
                                            Users

                                            79.8k
                                            Topics

                                            1.3m
                                            Posts

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