Monatsrückblick Januar/Februar 2026 ist online!

[skid]

Sers,

vorab sorry für die dau-frage, aber langsam verzweifle ich ...
Beim Laden des VIS Editor(1.4.15) sind manche Widgets häufig krass verschoben (teilweise mehrere 100px), wenn man dann drauf klickt springt das Widget dann immer zurück an die ursprüngliche Position, wo es hingehört ...

In der runtime ist alles immer ordentlich angeordnet, nur im editor tritt dieser Effekt ein, sowohl bei widgets die direkt auf der View liegen als auch auf widgets die in eingebundenen Views liegen.

Kennt jemand dieses Verhalten und kann mir nen Tip geben, woran es liegen könnte? Bin für jeden Hint dankbar !

---

Edited:

• Verhalten-Screenshots angehängt / beschrieben
• View Export angehängt

---

Ansicht beim Laden der View im Vis-Editor:

und Ansicht nach dem Klick auf das rechte Shutter-Widget (jqui-mfd) im Editor:

rechtes Widget nach links gesprungen, linkes Widget ein Stück nach oben.
Auffällig ist, das vom dem "verschobenen" Widget auf das man klickt, immer die ursprüngliche Position mit so einer gestrichelten Linie weiterhin markiert ist, hier mal als Beispiel wenn man den linken Shutter klickt:

Zur Erläuterung noch ein paar Sätze, das reguläre Verhalten in der Runtime von dem Widget ist wie folgt:
Wenn ein Rolladen hoch oder runter geht, dann werden über die Notification Icons auf dem Widget so ein Ladekringel und der Zustand als String ausgegeben
.
Klickt man auf das Shutter-Widget geht ein Dialog auf, der immer oben links (dialog-top:0px;dialog-left:0px) fixiert sein soll, egal in welcher View das Widget eingebunden ist.

Hier noch der View Export:

{
    "settings": {
        "style": {
            "background_class": ""
        },
        "theme": "black-tie",
        "sizex": "",
        "sizey": "",
        "gridSize": "",
        "useBackground": false,
        "snapType": null
    },
    "widgets": {
        "e00001": {
            "tpl": "tplBulbOnOffCtrl",
            "data": {
                "oid": "shelly.0.SHSW-1#<removed>#1.ext.switch1",
                "g_fixed": true,
                "g_visibility": false,
                "g_css_font_text": false,
                "g_css_background": false,
                "g_css_shadow_padding": false,
                "g_css_border": true,
                "g_gestures": false,
                "g_signals": false,
                "g_last_change": false,
                "visibility-cond": "==",
                "visibility-val": 1,
                "visibility-groups-action": "hide",
                "icon_off": "img/bulb_off.png",
                "icon_on": "img/bulb_on.png",
                "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,
                "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,
                "locked": false,
                "name": "Testraum Licht"
            },
            "style": {
                "left": "70px",
                "top": "17px",
                "width": "35px",
                "height": "39px",
                "font-style": "initial",
                "font-weight": "bold",
                "font-size": "large",
                "border-color": "#000000",
                "border-style": "none",
                "border-width": "1px",
                "z-index": "1",
                "transform": "rotate(180deg)"
            },
            "widgetSet": "basic"
        },
        "e00002": {
            "tpl": "tplValueString",
            "data": {
                "oid": "bshb.0.roomClimateControl_hz_5.RoomClimateControl.setpointTemperature",
                "g_fixed": true,
                "g_visibility": false,
                "g_css_font_text": true,
                "g_css_background": false,
                "g_css_shadow_padding": false,
                "g_css_border": true,
                "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": "",
                "html_append": "°C",
                "locked": false,
                "name": "Testraum Temperatur"
            },
            "style": {
                "left": "12px",
                "top": "22px",
                "width": "50px",
                "height": "27px",
                "font-style": "initial",
                "font-weight": "bold",
                "font-size": "small",
                "border-color": "#000000",
                "border-style": "none",
                "border-width": "1px",
                "z-index": "1"
            },
            "widgetSet": "basic"
        },
        "e00003": {
            "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": true,
                "g_gestures": false,
                "g_signals": true,
                "g_last_change": false,
                "signals-cond-0": "==",
                "signals-val-0": "CLOSED",
                "signals-icon-0": "/vis-icontwo/Doors_Windows/door-closed_locked.png",
                "signals-icon-size-0": "44",
                "signals-blink-0": false,
                "signals-horz-0": "0",
                "signals-vert-0": "0",
                "signals-hide-edit-0": false,
                "signals-cond-1": "==",
                "signals-val-1": "OPEN",
                "signals-icon-1": "/vis-icontwo/Doors_Windows/door-open.png",
                "signals-icon-size-1": "43",
                "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_prepend": "",
                "visibility-cond": "==",
                "visibility-val": 1,
                "visibility-groups-action": "hide",
                "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,
                "signals-oid-0": "bshb.0.hdm:HomeMaticIP:<removed>.ShutterContact.value",
                "signals-text-0": "Closed",
                "signals-oid-1": "bshb.0.hdm:HomeMaticIP:<removed>.ShutterContact.value",
                "signals-text-1": "Open",
                "signals-text-style-0": "color:#40e935",
                "locked": false,
                "name": "Testraum Tür"
            },
            "style": {
                "left": "16px",
                "top": "94px",
                "width": "47px",
                "height": "75px",
                "color": "#e93540",
                "font-style": "initial",
                "font-weight": "bold",
                "font-size": "small",
                "border-color": "#000000",
                "border-style": "none",
                "border-width": "1px",
                "z-index": "1"
            },
            "widgetSet": "basic"
        },
        "e00004": {
            "tpl": "tplMfdShutterDialog",
            "data": {
                "oid": "bshb.0.hdm:HomeMaticIP:<removed>.ShutterControl.level",
                "g_fixed": true,
                "g_visibility": false,
                "g_css_font_text": true,
                "g_css_background": true,
                "g_css_shadow_padding": false,
                "g_css_border": false,
                "g_gestures": true,
                "g_signals": true,
                "g_last_change": false,
                "visibility-cond": "==",
                "visibility-val": 1,
                "visibility-groups-action": "hide",
                "asButton": "true",
                "dialog_width": "500",
                "dialog_height": "270",
                "signals-cond-0": "==",
                "signals-val-0": "1",
                "signals-icon-0": "",
                "signals-icon-size-0": "22",
                "signals-blink-0": false,
                "signals-horz-0": "20",
                "signals-vert-0": "39",
                "signals-hide-edit-0": true,
                "signals-cond-1": "==",
                "signals-val-1": "0",
                "signals-icon-1": "",
                "signals-icon-size-1": "",
                "signals-blink-1": false,
                "signals-horz-1": "14",
                "signals-vert-1": "39",
                "signals-hide-edit-1": true,
                "signals-cond-2": "==",
                "signals-val-2": "MOVING",
                "signals-icon-2": "/vis-icontwo/Misc/loading.gif",
                "signals-icon-size-2": "25",
                "signals-blink-2": false,
                "signals-horz-2": "19",
                "signals-vert-2": "-13",
                "signals-hide-edit-2": true,
                "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,
                "oid-working": "bshb.0.hdm:HomeMaticIP:<removed>.ShutterControl.operationState",
                "invert_value": false,
                "invert_icon": false,
                "show_active": false,
                "min": "0",
                "max": "1",
                "title": "Testraum Fenster",
                "show_value": false,
                "units": "0.1",
                "signals-oid-0": "bshb.0.hdm:HomeMaticIP:<removed>.ShutterControl.level",
                "signals-text-0": "",
                "signals-oid-1": "bshb.0.hdm:HomeMaticIP:<removed>.ShutterControl.level",
                "iconColor": "#c9c9c9",
                "modal": true,
                "noHeader": false,
                "autoclose": "15",
                "signals-text-1": "",
                "signals-oid-2": "bshb.0.hdm:HomeMaticIP:<removed>.ShutterControl.operationState",
                "signals-text-2": "Läuft",
                "dialog_top": "0px",
                "dialog_left": "0px",
                "signals-text-style-2": "color:#45f81b",
                "name": "Testraum Rolladen Fenster",
                "locked": false
            },
            "style": {
                "left": "70px",
                "top": "94px",
                "color": "",
                "position": "",
                "display": "inline-block",
                "width": "52px",
                "height": "41px",
                "font-size": "small",
                "z-index": "4"
            },
            "widgetSet": "jqui-mfd"
        },
        "e00005": {
            "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": true,
                "g_gestures": false,
                "g_signals": false,
                "g_last_change": false,
                "visibility-cond": "==",
                "visibility-val": 1,
                "visibility-groups-action": "hide",
                "title": "Testraum",
                "title_color": "black",
                "title_top": "-16",
                "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,
                "locked": false
            },
            "style": {
                "left": "4px",
                "top": "16px",
                "width": "170px",
                "height": "161px",
                "z-index": "0",
                "font-style": "initial",
                "font-weight": "bold",
                "font-size": "small",
                "border-color": "#000000",
                "border-style": "solid",
                "border-width": "1px"
            },
            "widgetSet": "basic"
        },
        "e00006": {
            "tpl": "tplMfdShutterDialog",
            "data": {
                "oid": "bshb.0.hdm:HomeMaticIP:<removed>.ShutterControl.level",
                "g_fixed": true,
                "g_visibility": false,
                "g_css_font_text": true,
                "g_css_background": true,
                "g_css_shadow_padding": false,
                "g_css_border": false,
                "g_gestures": true,
                "g_signals": true,
                "g_last_change": false,
                "visibility-cond": "==",
                "visibility-val": 1,
                "visibility-groups-action": "hide",
                "asButton": "true",
                "dialog_width": "500",
                "dialog_height": "270",
                "signals-cond-0": "==",
                "signals-val-0": "1",
                "signals-icon-0": "",
                "signals-icon-size-0": "22",
                "signals-blink-0": false,
                "signals-horz-0": "20",
                "signals-vert-0": "39",
                "signals-hide-edit-0": true,
                "signals-cond-1": "==",
                "signals-val-1": "0",
                "signals-icon-1": "",
                "signals-icon-size-1": "",
                "signals-blink-1": false,
                "signals-horz-1": "14",
                "signals-vert-1": "39",
                "signals-hide-edit-1": true,
                "signals-cond-2": "==",
                "signals-val-2": "MOVING",
                "signals-icon-2": "/vis-icontwo/Misc/loading.gif",
                "signals-icon-size-2": "25",
                "signals-blink-2": false,
                "signals-horz-2": "19",
                "signals-vert-2": "-13",
                "signals-hide-edit-2": true,
                "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,
                "oid-working": "bshb.0.hdm:HomeMaticIP:<removed>.ShutterControl.operationState",
                "invert_value": false,
                "invert_icon": false,
                "show_active": false,
                "min": "0",
                "max": "1",
                "title": "TestTür",
                "show_value": false,
                "units": "0.1",
                "signals-oid-0": "bshb.0.hdm:HomeMaticIP:<removed>.ShutterControl.level",
                "signals-text-0": "",
                "signals-oid-1": "bshb.0.hdm:HomeMaticIP:<removed>.ShutterControl.level",
                "iconColor": "#c9c9c9",
                "modal": false,
                "noHeader": false,
                "autoclose": "15",
                "signals-text-1": "",
                "signals-oid-2": "bshb.0.hdm:HomeMaticIP:<removed>.ShutterControl.operationState",
                "signals-text-2": "Läuft",
                "dialog_top": "0px",
                "dialog_left": "0px",
                "signals-text-style-2": "color:#45f81b",
                "name": "TestRaum Rolladen Tür",
                "locked": false
            },
            "style": {
                "left": "129px",
                "top": "94px",
                "color": "",
                "position": "",
                "display": "",
                "width": "38px",
                "height": "67px",
                "font-size": "small",
                "z-index": "3"
            },
            "widgetSet": "jqui-mfd"
        }
    },
    "name": "room_TestRaum",
    "filterList": []
}

[liv-in-sky]

@skid

• was sind das für widgets ?
• hast du eigene css klassen definiert
• hast du scripte im vis-editor-scripte-tab

poste mal einen export eines solchen widgets - dann könnten andere das in deren vis mal testen

[OliverIO]

@skid
Ja export bitte
Ich tippe entweder auf Gruppierungen.
Dann bitte entgruppieren und neu gruppieren

Oder bindings in den positions Attributen top / left

[Glasfaser]

@skid sagte in VIS widgets beim Neuladen im Editor immer "verschoben":

Kennt jemand dieses Verhalten und kann mir nen Tip geben, woran es liegen könnte? Bin für jeden Hint dankbar !

...oder ein Widget im View , was quer schießt.

Neues Projekt anlegen ... und da mal mit einem Widget testen .

[skid]

@liv-in-sky

Hi, vielen Dank für die Hilfe :-)
ich hab den ursprünglichen Post um Screenshots und den export ergänzt.

Zu deinen Fragen:

• widgets --> Shutter + jqui Dialog
• css-klassen --> keine die im "Testraum" eingebunden sind bzw. sich auf den Shutter auswirken, hab auch schonmal alles an custom CSS entfernt, leider bleibt der Effekt. dann auch bestehen
• scripts-tab --> leer

[skid]

@oliverio

Hi, vielen Dank für die Hilfe :-)
ich hab den ursprünglichen Post um Screenshots und den export ergänzt.

Zu deinen Fragen:
Gruppierungen sind keine drin, zumindest nicht in der exportierten View vom Testraum. Die hatte ich auch lange im Verdacht, weil ich das exzessiv nutze, aber auch das entfernen der Gruppen hat es nicht behoben.

Was sind bindings in top/left?

[skid]

@glasfaser

Hi, vielen Dank für die Hilfe 🙂
ich hab den ursprünglichen Post um Screenshots und den export ergänzt.

Zu deinem Vorschlag:

getestet, leider bleibt auch da das Verhalten komplett identisch wie im Hauptprojekt :-((((

[OliverIO]

@skid
2 Dinge sind nur aufgefallen
1)
Im Widget e00001 ist in der Eigenschaft transform
Ein rotate drin.
Wenn ein Widget selektiert wird dann ignoriert vis diese Eigenschaft. Es gibt noch scale und translate. Das könnte evtl. zu diesem Verhalten führen
2)
Warum fangen deine Widgets mit e an? Fangen die sonst nicht mit w an?

[skid]

@oliverio

ich denk, das kommt vom export, die widget bei mir fangen auch mit w.* an.
Das rotate dreht die Birne um 180°, aber ok, um Abhängigkeiten/ Beeinflussungen zu reduzieren hab mal grad alles in ein neues Projekt kopiert und ALLES aus dem Testraum gelöscht, außer die beiden shutter widgets, leider immer noch gleiches Verhalten :-(

[Glasfaser]

@skid sagte in VIS widgets beim Neuladen im Editor immer "verschoben":

hab mal grad alles in ein neues Projekt kopiert

Teste mal :

nicht kopieren , sondern in einem neuen Projekt dieses Widget neu einfügen und nur die Datenpunkte zuweisen und die Dialogeinstellung , mehr nicht .

Was ist dann ?

[OliverIO]

@skid
ich habe mal in das widget reingeschaut.
für mich sieht es so aus als ob es ein fehler im widget ist.
im widget template wird die css eigenschaft position:absolute gesetzt,
was auch richtig ist. diese eigenschaft fehlt in der internen vorgabe und
wird daher beim erzeugen des widgets im runtime entfernt.
im editmodus wird sie allerdings nicht entfernt, da der editmodus aus komfortgründen
manche dinge nicht macht.
du solltest dazu ein github issue beim adapter aufmachen
https://github.com/ioBroker/ioBroker.vis-jqui-mfd