Widgets

[rantanplan]

Hier mal ein Beispiel von mir.

Ist Deinem Beispiel ähnlich.

Hier zum Importieren. So als Grundlage.

Der Fantasie sind keine Grenzen gesetzt.

Wichtig ist hier der "z-index"!

Man kann die Widgets auch gruppieren.

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

Grüße

[Riddler]

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

[Homoran]

@Riddler:

wo fertige Objekte gibt wo man sich was abschauen kann `

So was?

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

Gruß

Rainer

[Riddler]

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

Sorry bin noch kompletter Anfänger

[eric2905]

Moin,

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

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

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

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

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

Gruß,

Eric

Von unterwegs getippert

[Meister-x]

@rantanplan

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

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

[htrecksler]

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

[Homoran]

@htrecksler

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

[htrecksler]

@Homoran sieht sehr gut aus

[Meister-x]

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