NEWS
Inhalt eines Dialogfensters rutscht nach oben
-
Hallo,
ich nutze einige "jqui - container - HTML - view in jgui Dialog"-Widgets zur Anzeige und Steuerung. So z.B. auch für unser Garagentor. Das sieht dann z.B. so aus.
Wenn ich das Dialog-Fenster aber schließe bzw. es nach der voreingestellten Zeit verschwindet und ich es ein zweites Mal öffne, dann wird mir insb. unter Firefox immer ein Dialogfenster mit nach oben gerutschtem Inhalt angezeigt.
Mit der ioBroker App unter iOS ist das übrigens nicht so.
Trotzdem. Gibt es eine Einstellung, das gezeigte Verhalten zu verhindern?
-
Und vielleicht noch eine ergänzende Frage. Ich benutze eine HiKam S6, die ja bekanntlich nur RTSP und ONVIF unterstützt. Diese binde ich über die Synology Surveillance Station mit folgendem Link ein:
http://192.xxx.xxx.xxx:5000/webapi/entry.cgi?api=SYNO.SurveillanceStation.Stream.VideoStreaming&version=1&method=Stream&format=mjpeg&cameraId=9&StmKey="xxxxxxxxxxxxxxxxxxxxxxx"
Das funktioniert ja auch, wie man sieht. Aber leider wird das Bild nur ca. alle 5 Sekunden aktualisiert, obwohl ich ein kürzeres Intervall eingestellt habe. Geht es ggf. mit Motioneye schneller oder gibt es noch andere Lösungen, um einen MJPEG-Stream einer RTSP-Kamera anzuzeigen?
Kann ggf. die ioBroker App unter iOS direkt RTSP-Streams darstellen? Hab's noch gar nicht versucht.
-
Kannst du mal den Button "view in jgui Dialog " und die View einstellen ,
damit man es so wie du eingestellt hast testen kann , sonst kann man nur raten was es sein könnte .
Habe auch Firefox , aber noch nicht so ein Effekt damit gesehn. -
@Glasfaser
@dtp
habe mit Firefox auch immer wieder seltsame Effekte mit Bildern.
So sind die Bilder, die ich im Hintergrund von flot Charts gelegt hatte, deutlich weniger hoch als unter Chrome -
@Homoran sagte in Inhalt eines Dialogfensters rutscht nach oben:
habe mit Firefox auch immer wieder seltsame Effekte mit Bildern.
Ja .... kann ich bestätigen es gibt so ein Effekte ....
Er hat aber mehr als ein Stück Versatz und er arbeitet mit View in Widget , dort rutscht alles hoch laut Screenshot .... aber eher die View wie es aussieht. -
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