NEWS
Inhalt eines Dialogfensters rutscht nach oben
-
Hier mal die Einstellungen des Dialog-Widgets.
Und hier der zugehörige View als Export.
{ "settings": { "style": { "background_class": "hq-background-h-gradient-black-4", "font-family": "Arial", "background-color": "rgba(0, 0, 0, 0)", "background-image": "linear-gradient(rgb(69, 72, 77) 0%, rgb(0, 0, 0) 100%)" }, "theme": "dot-luv", "sizex": "1024", "sizey": "748", "hideDescription": false, "gridSize": "2", "snapType": 2, "useBackground": false }, "widgets": { "e00001": { "tpl": "tplValueListHtml8", "data": { "hm_id": "26572", "digits": "", "factor": 1, "min": 0, "max": 1, "step": 0.01, "filterkey": "Sicherheit", "value0": "Garagentor verriegelt", "value1": "Garagentor gelüftet", "value2": "Garagentor geöffnet", "style0": "", "style1": "", "style2": "", "style3": "", "value3": "Garagentor fährt", "value4": "", "style4": "", "visibility-cond": "==", "visibility-val": 1, "count": "3", "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-oid": "", "oid": "hm-rega.0.26565", "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 }, "style": { "left": "0px", "top": "294px", "width": "502px", "height": "42px", "text-align": "center", "border-radius": "0px", "color": "rgb(255, 255, 255)", "font-size": "20px", "line-height": "48px", "border-width": "6px", "border-style": "solid", "z-index": "1", "background": "rgb(50, 50, 50)", "border-color": "{val:hm-rega.0.26565; val==0? \"yellowgreen\": val==1? \"royalblue\": val==2? \"orange\": val==3? \"firebrick\": \"yellowgreen\"}" }, "widgetSet": "basic" }, "e00002": { "tpl": "tplImage", "data": { "visibility-cond": "==", "visibility-val": 1, "refreshInterval": "1000", "refreshOnWakeUp": "false", "refreshOnViewChange": "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, "src": "http://192.168.0.10:5000/webapi/entry.cgi?api=SYNO.SurveillanceStation.Stream.VideoStreaming&version=1&method=Stream&format=mjpeg&cameraId=9&StmKey=\"8f2df3a7a47dde5671772e18cdd80791\"", "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 }, "style": { "left": "0px", "top": "0px", "width": "512px", "height": "286px", "z-index": "0" }, "widgetSet": "basic" }, "e00003": { "tpl": "tplHtml", "data": { "hm_id": 65535, "digits": "", "factor": 1, "min": 0, "max": 1, "step": 0.01, "html": "", "visibility-cond": "==", "visibility-val": 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, "refreshInterval": "0", "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 }, "style": { "left": "0px", "top": "0px", "width": "512px", "height": "286px", "color": "rgb(255, 255, 255)", "font-size": "20px", "text-align": "center", "border-width": "1px", "border-style": "solid", "border-radius": "0px", "border-color": "rgb(155, 155, 155)", "z-index": "1", "background": "transparent" }, "widgetSet": "basic" }, "e00004": { "tpl": "tplHtml", "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 }, "style": { "left": "1105px", "top": "401px" }, "widgetSet": "basic" }, "e00005": { "tpl": "tplHtml", "data": { "hm_id": 65535, "digits": "", "factor": 1, "min": 0, "max": 1, "step": 0.01, "html": "", "visibility-cond": "==", "visibility-val": 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, "refreshInterval": "0", "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 }, "style": { "left": "0px", "top": "354px", "width": "512px", "height": "50px", "color": "rgb(255, 255, 255)", "font-size": "20px", "text-align": "left", "border-width": "1px", "border-style": "solid", "border-radius": "0px", "border-color": "rgb(155, 155, 155)", "background": "transparent", "z-index": "0", "line-height": "40px" }, "widgetSet": "basic" }, "e00006": { "tpl": "tplJquiButtonState", "data": { "oid": "hm-rpc.0.OEQ0097603.2.STATE", "g_fixed": false, "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", "buttontext": "Öffnen", "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, "value": "true" }, "style": { "left": "2px", "top": "354px", "width": "166px", "height": "50px", "z-index": "2", "text-align": "center", "font-size": "20px", "line-height": "48px" }, "widgetSet": "jqui" }, "e00007": { "tpl": "tplJquiButtonState", "data": { "oid": "hm-rpc.0.OEQ0097603.1.STATE", "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, "g_last_change": false, "visibility-cond": "==", "visibility-val": 1, "visibility-groups-action": "hide", "buttontext": "Schließen", "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, "value": "true" }, "style": { "left": "174px", "top": "354px", "width": "166px", "height": "50px", "z-index": "2", "text-align": "center", "font-size": "20px", "line-height": "48px", "border-width": "1px", "border-style": "none", "border-radius": "0px" }, "widgetSet": "jqui" }, "e00008": { "tpl": "tplJquiButtonState", "data": { "oid": "hm-rpc.0.OEQ0097603.3.STATE", "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, "g_last_change": false, "visibility-cond": "==", "visibility-val": 1, "visibility-groups-action": "hide", "buttontext": "Lüften", "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, "value": "true" }, "style": { "left": "346px", "top": "354px", "width": "166px", "height": "50px", "z-index": "2", "text-align": "center", "font-size": "20px", "line-height": "48px", "border-width": "1px", "border-style": "none", "border-radius": "0px" }, "widgetSet": "jqui" } }, "rerender": false, "filterList": [ "Sicherheit" ], "name": "KameraGarage" }
-
Trage mal alles so ein , ohne px
.
.
.
und den default im View KameraGarage raus./
hier ohne px , so wie alle Widgets bei mir eingestellt sind :
..
und hier mit px wie bei dir eingestellt :
.
-
@Glasfaser
Sorry für die späte Rückmeldung.Die Sache verhält sich etwas seltsam. Wenn ich die Einheit "px" hinter "Dialogbreite:" und "Dialoghöhe:" entferne, funktioniert es, wie gewünscht. Hinter "Position oben:" und "Position links:" muss ich "px" aber stehen lassen, weil das Dialogfenster ansonsten immer in die Mitte des Anzeigebildschirms verschoben wird.
-
Sorry für die späte Rückmeldung. .....
Alles gut .
funktioniert es, wie gewünscht.
Hauptsache es funktioniert jetzt , warum es anderes bei dir ist kann ich dir auch nicht sagen .
-
@Glasfaser
Leider funktioniert es doch nicht ganz so, wie gewünscht.Im Browser ist die Anzeige nun zwar okay, in der ioBroker vis App für iOS stimmt die Höhe des Dialogfensters nun aber nicht mehr, so dass am unteren Rand etwas abgeschnitten wird.
Warum hat die Verwendung von "px" hier solch einen Einfluss? Das muss doch ein Bug sein, oder?
-
@dtp sagte in Inhalt eines Dialogfensters rutscht nach oben:
Warum hat die Verwendung von "px" hier solch einen Einfluss? Das muss doch ein Bug sein, oder?
ich habe noch nicht ganz verstanden WO du px drin hast und WO NICHT
habe mich aber noch nie intensiv mit den Positionen und größen beschäftigt, weil ich das auch nicht hinbekommen hatte
da gibt es was mit relativ/absolut px und %
-
@Homoran sagte in Inhalt eines Dialogfensters rutscht nach oben:
ich habe noch nicht ganz verstanden WO du px drin hast und WO NICHT
Eigentlich habe ich in jedem Widget bei jeder Größen- und Positionsangabe den Zusatz "px" drin, weil es damit sowohl im Browser als auch in der vis App bisher immer funktionierte (bis auf das eingangs erwähnte Problem beim wiederholten Öffnen eines Dialogfensters mit Kamerabild im Browser).
-
@dtp sagte in Inhalt eines Dialogfensters rutscht nach oben:
in der ioBroker vis App für iOS stimmt die Höhe des Dialogfensters nun aber nicht mehr
Ich würde dir gerne helfen ...
leider kann ich es nicht Simulieren , da ich kein iOS besitze
bzw. auch keine App nutze , ob das verhalten auch bei Android so ist .Aber was mir aufgefallen ist , das es bei einer bestimmten Dialog größe auftritt , wie bei dir.
Da wie schon erwähnt ich nur solche Dialog Widget´s selber nutze und noch nie Probleme hatte bzw. habe auch dort keine px eingetragen gehabt . ( siehe oben )Warum hat die Verwendung von "px" hier solch einen Einfluss?
Das kann nur der Widget Ersteller dir beantworten !
-
@Glasfaser sagte in Inhalt eines Dialogfensters rutscht nach oben:
Das kann nur der Widget Ersteller dir beantworten !
Ich glaube, das war @Bluefox. Ist der hier überhaupt noch tätig?
-
@dtp sagte in Inhalt eines Dialogfensters rutscht nach oben:
Ist der hier überhaupt noch tätig?
der war gut