Objekt-Binding und Gruppierung

Tobito

@oliverio
Vielen Dank für deine Analyse und Unterstützung.
Ich hoffe es wird bald gefixt.

Viele Grüße
Tobi

fritzke316

Vielleicht wäre es gut wenn ihr noch einen Kommentar im Issue hinterlässt, ich warte schon länger darauf, dass es gefixt wird!!

OliverIO

ich habe hier mal einen fix als pull request gestellt mit dem es bei mir behoben ist.
https://github.com/ioBroker/ioBroker.vis/pull/456

oweitman created this issue in ioBroker/ioBroker.vis

closed fix jumping widgets on state-update if grouped #456

OliverIO

Ab Adapter Version vis 1.4.11
Scheint mein fix enthalten zu sein.
Bitte prüft mal bitte gründlich ob das so passt.
Leider sind bei vis irgendwelchen Seiteneffekte nicht
Auszuschließen.

Tobito

@oliverio
Erst mal ein herzliches Dankeschön! Tolle Arbeit.
Mir ist folgendes aufgefallen:

Bereits erstelle Gruppierungen bleiben von dem Fix unverändert. Auch das Bearbeiten oder Kopieren/Neueinfügen der Gruppierung hilft dabei nichts.
Bei neu erstellten Gruppierungen löst der Fix bei mir das Problem.

Testsystem:
Raspi4B 4GB
vis v1.4.12
web v4.1.1
iobroker wurde nach update neu gestartet, Webbrowser Cache geleert, neu gestartet

OliverIO

@tobito
das ist korrekt.
die Lösung war, das sich jedes widget merkt, zu welcher gruppe es gehört.
das passiert beim gruppieren.

für vor 1.4.11. gruppierte widgets fehlt die information immer noch,
aber durch entfernen der gruppierung und gleich wieder gruppieren wird das behoben.

danke fürs testen

SpacerX

Ich hole den Thread noch mal hoch weil das Springen von Gruppierten Widgets mit Binding bei mir ebenfalls auftritt.

node.js: v14.19.3
npm: 6.14.17
admin: 5.3.8
web: 4.3.0
vis: 1.4.15

Hier die Gruppe mit den Widgets. Ist noch nicht fertig weil das Springen der Widgets erst geklärt werden muss.

[{"tpl":"_tplGroup","data":{"members":["w00151","w00386","w00387","w00404","w00343","w00405","w00410","w00344","w00388","w00389","w00390","w00391","w00392","w00393"],"visibility-cond":"==","visibility-val":1,"visibility-groups-action":"hide","attrCount":"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,"name":"GuenstigTanken"},"widgetSet":null,"style":{"top":"50px","left":"710px","width":"350px","height":"190px"}},{"tpl":"tplFrame","data":{"g_fixed":true,"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","title":"","title_color":"black","title_top":"0","title_left":"0","header_height":"0","header_color":"black","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":"BG","class":"boxWidget"},"style":{"left":"","top":"","width":"","height":""},"widgetSet":"basic","grouped":true,"groupid":"g00029","groupName":"w00151"},{"tpl":"tplHtml","data":{"g_fixed":true,"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,"name":"Name","class":"boxName","html":"Günstig Tanken"},"style":{"left":"","top":"","width":"","height":""},"widgetSet":"basic","grouped":true,"groupid":"g00029","groupName":"w00386"},{"tpl":"tplImage","data":{"g_fixed":true,"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,"name":"BoxIcon","class":"boxIcon","src":"/icons-mfd-svg/scene_gas_station.svg"},"style":{"left":"","top":"","width":"","height":""},"widgetSet":"basic","grouped":true,"groupName":"w00387"},{"tpl":"tplValueStringRaw","data":{"oid":"tankerkoenig.0.stations.cheapest.diesel.combined","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":"Diesel_Preis","class":"tankPreis"},"style":{"left":"85px","top":"50px","width":"","height":"","color":"#ff4400"},"widgetSet":"basic","grouped":true,"groupName":"w00404"},{"tpl":"tplValueStringRaw","data":{"oid":"tankerkoenig.0.stations.cheapest.e10.combined","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":"E10_Preis","class":"tankPreis"},"style":{"left":"85px","top":"90px","width":"","height":"","color":"#ff4400"},"widgetSet":"basic","grouped":true,"groupName":"w00343"},{"tpl":"tplValueStringRaw","data":{"oid":"tankerkoenig.0.stations.cheapest.e5.combined","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":"E5_Preis","class":"tankPreis"},"style":{"left":"85px","top":"130px","width":"","height":"","color":"#ff4400"},"widgetSet":"basic","grouped":true,"groupName":"w00405"},{"tpl":"tplValueStringImg","data":{"oid":"nothing_selected","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},"style":{"left":"0%","top":"0%","width":"0%","height":"0%"},"widgetSet":"basic","grouped":true,"groupName":"w00410"},{"tpl":"tplImage","data":{"g_fixed":true,"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/Tankicons/{s:tankerkoenig.0.stations.cheapest.diesel.name;s.split(\"|\")[0]}.png","name":"Diesel_Logo"},"style":{"left":"170px","top":"50px","width":"80px","height":"30px"},"widgetSet":"basic","grouped":true,"groupName":"w00344"},{"tpl":"tplImage","data":{"g_fixed":true,"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/Tankicons/{s:tankerkoenig.0.stations.cheapest.e10.name;s.split(\"|\")[0]}.png","name":"E10_Logo"},"style":{"left":"170px","top":"90px","width":"80px","height":"30px"},"widgetSet":"basic","grouped":true,"groupName":"w00388"},{"tpl":"tplImage","data":{"g_fixed":true,"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/Tankicons/{s:tankerkoenig.0.stations.cheapest.e5.name;s.split(\"|\")[0]}.png","name":"E5_Logo"},"style":{"left":"170px","top":"130px","width":"80px","height":"30px"},"widgetSet":"basic","grouped":true,"groupName":"w00389"},{"tpl":"tplHtml","data":{"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","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,"html":"Diesel&nbsp;","name":"Diesel_Text","class":"tankSorte"},"style":{"left":"","top":"50px","width":"","height":"","z-index":"","color":"","font-style":"italic","font-weight":""},"widgetSet":"basic","grouped":true,"groupName":"w00390"},{"tpl":"tplHtml","data":{"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","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,"html":"E10&nbsp;","name":"E10_Text","class":"tankSorte"},"style":{"left":"","top":"90px","width":"75px","height":"","z-index":"","color":"","font-style":"italic","font-weight":""},"widgetSet":"basic","grouped":true,"groupName":"w00391"},{"tpl":"tplHtml","data":{"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","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,"html":"E5&nbsp;","name":"E5_Text","class":"tankSorte"},"style":{"left":"","top":"130px","width":"75px","height":"22px","z-index":"","color":"","font-style":"italic","font-weight":""},"widgetSet":"basic","grouped":true,"groupName":"w00392"},{"tpl":"tplValueStringRaw","data":{"oid":"nothing_selected","g_fixed":true,"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","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,"html_prepend":"{s:tankerkoenig.0.stations.cheapest.diesel.name;s.split(\"|\")[1]}","name":"Diesel_Ort"},"style":{"left":"73.14%","top":"27.89%","width":"26%","height":"14.74%"},"widgetSet":"basic","grouped":true,"groupName":"w00393"}]

Wie weiter Oben beschrieben Springen die Image-Widgets bei Aktualisierung aus der Gruppe.
Nett wen da einer drüber schauen könnte und eine Lösung parat hat.

mfg Ralf

OliverIO

@spacerx
hast du die beiden Posts direkt vor deinem gelesen?

SpacerX

@oliverio

Ja habe ich. Die Gruppe + Widgets wurden erst vorige Woche erstellt und d war schon Vis 1.5.15 und web 4.3.0 auf dem System.

OliverIO

@spacerx

dann musst du das mit dem springen näher beschreiben.

oben das original importierte
unten das kopierte und eingefügte
ich sehe kein widget, welches relativ die position geändert hat

kannst du mir den inhalt der datenpunkte bereitstellen?
ich habe tankerkönig nicht installiert und würde das gern mit testdatenpunkten nachstellen

SpacerX

@OliverIO

Dies Springen erfolgt erst nach dem aktualisieren automatischen Reload der View. Dauert bei mir etwa 15min. Ich mach mal Screenshot wenn's soweit ist.

Ich habe jetzt gerade noch mal die Gruppe aufgelöst und die Widgets neu Gruppiert. Jetzt warte ich mal 15min.

OliverIO

@spacerx
und den inhalt der relevanten datenpunkte bitte

SpacerX

@oliverio!

Nach dem ich die Gruppe aufgelöst und die Widgets neu Gruppiert habe ist es noch nicht wieder aufgetreten.

Trotzdem mal die Datenpunkte.

SnipSnap_3.PNG

Versuch doch mal im Vis-Edit zu einer bestehenden Gruppe nach dem öffnen dieser ein Widget mit einem Binding mit If-Abfrage zu erstellen und die Gruppe dann zu Schließen.
So habe ich meine Gruppierten Widgets erstellt.

Nach ein paar Minuten ist das Widget dann an einer anderen Stelle.

Ich versuche das Morgen mal nach zu Stellen.

OliverIO

@spacerx

ich mag nicht tippen und alles sehen kann man auch nicht.
bitte die inhalte der folgenden datenpunkte hier reinkopieren (kein screenshot)

tankerkoenig.0.stations.cheapest.diesel.combined
tankerkoenig.0.stations.cheapest.e10.combined
tankerkoenig.0.stations.cheapest.e5.combined
tankerkoenig.0.stations.cheapest.diesel.name
tankerkoenig.0.stations.cheapest.e10.name
tankerkoenig.0.stations.cheapest.e5.name

SpacerX

@oliverio

Ich mache es mal einfach und zeige meinen Test:

Nach aktualisieren des Datenpunktes ist das Bild gesprungen. Lade ich die Seite im Browser nochmal neu ist alles wieder schick.

Die Gruppe dazu:

[{"tpl":"_tplGroup","data":{"members":["w00396","w00397"],"visibility-cond":"==","visibility-val":1,"visibility-groups-action":"hide","attrCount":"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},"widgetSet":null,"style":{"top":"49px","left":"190px","width":"190px","height":"180px"}},{"tpl":"tplHtml","data":{"g_fixed":true,"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,"html":"&nbsp;Test","class":"boxWidget"},"style":{"left":"0px","top":"0px","width":"100%","height":"100%"},"widgetSet":"basic","grouped":true,"groupid":"g00030","groupName":"w00396"},{"tpl":"tplImage","data":{"g_fixed":true,"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/Tankicons/{s:0_userdata.0.Test_String;s.split(\"|\")[0]}.png"},"style":{"left":"55px","top":"60px","width":"80px","height":"40px"},"widgetSet":"basic","grouped":true,"groupName":"w00397"}]

Datenpunkt:

{
  "common": {
    "name": "Test_String",
    "desc": "Manuell erzeugt",
    "role": "state",
    "type": "string",
    "read": true,
    "write": true,
    "def": ""
  },
  "type": "state",
  "from": "system.adapter.admin.0",
  "user": "system.user.spacerx",
  "ts": 1655830389195,
  "_id": "0_userdata.0.Test_String",
  "acl": {
    "object": 1636,
    "state": 1636,
    "owner": "system.user.spacerx",
    "ownerGroup": "system.group.administrator"
  }
}

Inhalt vom Datenpunkt: "HEM|OrtDerTankstelle"

Image liegt unter /vis.0/Tankicons/HEM.png

Für heute bin ich dann mal weg.

OliverIO

@spacerx sagte in Objekt-Binding und Gruppierung:

Tankicons

Hallo,

ich habe es gerade mit vis 1.4.15 ausprobiert.
Bei mir funktioniert es.
Kein springendes Widget.
Den Effekt konnte ich aber mit einem etwas älteren vis nachvollziehen
bevor diese Verbesserung enthalten war
https://github.com/ioBroker/ioBroker.vis/pull/456

oweitman created this issue in ioBroker/ioBroker.vis

closed fix jumping widgets on state-update if grouped #456

SpacerX

@oliverio Danke für's drüber schauen.

Wie geschrieben, mein System nach Stable-Repo aktuell.

node.js: v14.19.3
npm: 6.14.17
admin: 5.3.8
web: 4.3.0
vis: 1.4.15

Passiert nur wenn ich in einer geöffneten Gruppe ein Widget mit Binding neu erstelle und der Datenpunkt auf den das Binding angelegt ist aktualisiert wird.
Aber sei es drum, ich behelfe mich damit die Gruppe aufzulösen und dann neu zu Gruppieren. Muss dann zwar bei allen Widgets die Position von Prozent wieder auf Pixel umstellen oder löschen da ich peer CSS positioniere.

Was mir noch so aufgefallen ist:

Das Widget was den Rahmen bildet hat im Export stehen:

"grouped":true,"groupid":"g00030","groupName":"w00396"

Das Widget was das Binding enthält steht so da in der Gruppe, es fehlt die groupid:

"grouped":true,"groupName":"w00397"

OliverIO

@spacerx grouping.avi

wie gesagt das ist der usprüngliche effekt in vis gewesen der aber korrigiert wurde.
leere mal den cache des browsers

oder schau mal im folgenden link

http://deineiobrokeradresse:8082/vis/js/vis.js

kopiere das in einen editor mit zeilennummern
ob in zeile 1608
das hier steht

            $view = $('#' + groupId);

SpacerX

@oliverio
Browserverlauf Gesamt alles gelöscht.
In Zeile 1608 der Vis.js steht genau die vorgegebene Zuweisung.

Meinen Test noch mal ausgeführt. Bei Aktualisierung des Datenpunktes springt das Widget von der Position die ich ihm peer CSS innerhalb der Gruppe zugewiesen habe.

mfg Ralf.

SpacerX

Ich hab jetzt mal noch die Gruppe Exportiert und im Texteditor für das betreffende Widget die groupid gleich dem anderen Widget was sich in der Gruppe befindet hinzugefügt.
Den gesamten Text dann wieder als Widget importiert.

Nun noch mal zur Kontrolle Widget Exportieren geklickt und im Dialog nachgeschaut.
Nun fehlen bei beiden Widgets die jeweilige groupid.

B-/

NEWS

Objekt-Binding und Gruppierung

closed fix jumping widgets on state-update if grouped #456

closed fix jumping widgets on state-update if grouped #456

Support us

1.1k
Online

30.2k
Users

76.3k
Topics

1.2m
Posts

NEWS

Objekt-Binding und Gruppierung

closed fix jumping widgets on state-update if grouped #456

closed fix jumping widgets on state-update if grouped #456

Support us

1.1kOnline

30.2kUsers

76.3kTopics

1.2mPosts

1.1k
Online

30.2k
Users

76.3k
Topics

1.2m
Posts