[gelöst] Widget nicht erreichbar/klick bar
-
Hi,
verzweifel gerade beim View bauen.
Im Bild sieht man im oberen Bereich 2 Widgets für Rolladen und 2 für Raumthermostat. Diese Widgets habe ich mit jeweils einem "basic-html" Widget eingerahmt und Beschriftet. Diese 4 Widgets lassen sich auf dem Ipad dann ohne Probleme bedienen.
Die Widgets im unteren Bereich (Auf/Zu/Schatten/Rolladen Manuell & Rolladen Widget Flur) lassen sich nicht bedienen nachdem ich das "basic-html" Widget als Rahmen und Beschriftung darum gelegt habe.
Habe zum testen mal den Rahmen um die beiden Widgets oben rechts exportiert/importiert/größe angepasst/ Beschriftung geändert. Sobald ich das dann z.B. über das Rolladen Widget Flur schiebe kann ich das wieder nicht bedienen.
Habe das gleiche auf anderen Views gemacht und hatte bisher keine Probleme. Aber irgendwo oder wie mache ich jetzt scheinbar etwas anders oder falsch.
Hat jemand eine Idee für mich?
Hier mal der Komplette View als Export:
{ "settings": { "style": { "background_class": "hq-background-carbon-fibre", "background": "" }, "theme": "dark-hive", "sizex": "1024", "sizey": "748", "gridSize": "" }, "widgets": { "e00001": { "tpl": "tplContainerView", "data": { "visibility-cond": "==", "visibility-val": 1, "contains_view": "ipad_nav", "views": null }, "style": { "left": "5px", "top": "647px", "width": "1016px", "height": "105px" }, "widgetSet": "basic" }, "e00002": { "tpl": "tplHtml", "data": { "visibility-cond": "==", "visibility-val": 1, "refreshInterval": "0", "html": "Rechts:", "visibility-oid": "" }, "style": { "left": "0px", "top": "16px", "width": "508px", "height": "450px", "color": "#fff", "border-style": "solid", "border-color": "#f5f4f4", "border-radius": "6px", "border-width": "2px", "font-size": "x-large" }, "widgetSet": "basic" }, "e00003": { "tpl": "tplHtml", "data": { "visibility-cond": "==", "visibility-val": 1, "refreshInterval": "0", "html": "Links:", "visibility-oid": "" }, "style": { "left": "514px", "top": "16px", "width": "508px", "height": "450px", "color": "#fff", "border-style": "solid", "border-color": "#f5f4f4", "border-radius": "6px", "border-width": "2px", "font-size": "x-large" }, "widgetSet": "basic" }, "e00004": { "tpl": "tplMfdShutterDialog", "data": { "oid": "hm-rpc.0.MEQ1312100.1.LEVEL", "visibility-cond": "==", "visibility-val": 1, "asButton": "true", "dialog_width": "440", "dialog_height": "200", "min": "0", "max": "100", "oid-working": "hm-rpc.0.MEQ1312100.1.WORKING", "show_active": true, "visibility-oid": "", "title": "Rollade Rechts", "show_value": true, "autoclose": "1800" }, "style": { "left": "16px", "top": "54px", "color": "#fff", "z-index": "0", "width": "125", "height": "125" }, "widgetSet": "jqui-mfd" }, "e00005": { "tpl": "tplMfdShutterDialog", "data": { "oid": "hm-rpc.0.MEQ1311692.1.LEVEL", "visibility-cond": "==", "visibility-val": 1, "asButton": "true", "dialog_width": "440", "dialog_height": "200", "min": "0", "max": "100", "oid-working": "hm-rpc.0.MEQ1311692.1.WORKING", "show_active": true, "visibility-oid": "", "title": "Rollade Links", "show_value": false }, "style": { "left": "522px", "top": "54px", "color": "#fff", "width": "125", "height": "125" }, "widgetSet": "jqui-mfd" }, "e00006": { "tpl": "tplJquiButtonState", "data": { "oid": "hm-rpc.0.BidCoS-RF.48.PRESS_SHORT", "visibility-cond": "==", "visibility-val": 1, "buttontext": "Auf", "value": "true" }, "style": { "left": "7px", "top": "520px", "width": "115", "height": "115", "font-size": "x-large" }, "widgetSet": "jqui" }, "e00007": { "tpl": "tplJquiButtonState", "data": { "oid": "hm-rpc.0.BidCoS-RF.50.PRESS_SHORT", "visibility-cond": "==", "visibility-val": 1, "buttontext": "Zu", "value": "true" }, "style": { "left": "135px", "top": "520px", "width": "115", "height": "115", "font-size": "x-large" }, "widgetSet": "jqui" }, "e00008": { "tpl": "tplJquiButtonState", "data": { "oid": "hm-rpc.0.BidCoS-RF.49.PRESS_SHORT", "visibility-cond": "==", "visibility-val": 1, "buttontext": "Schatten", "value": "true", "html_prepend": "" }, "style": { "left": "263px", "top": "520px", "width": "115", "height": "115", "text-align": "center", "font-size": "large" }, "widgetSet": "jqui" }, "e00009": { "tpl": "tplJquiBool", "data": { "oid": "hm-rega.0.7231", "visibility-cond": "==", "visibility-val": 1, "html_true": "Rolladen Auto", "html_false": "Rolladen Manuell" }, "style": { "left": "391px", "top": "520px", "width": "240px", "height": "115px", "text-align": "center", "letter-spacing": "", "word-spacing": "", "padding-top": "", "line-height": "5", "font-size": "x-large" }, "widgetSet": "jqui" }, "e00010": { "tpl": "tplHqInTemp", "data": { "visibility-cond": "==", "visibility-val": 1, "oid": "hm-rpc.0.LTK0130806.2.SET_TEMPERATURE", "unit": "°C", "min": "-10", "max": "50", "digits": "1", "step": "1", "is_comma": "true", "iconName": "img/Heating.png", "btIconWidth": "0", "offsetAuto": "true", "leftOffset": "25", "topOffset": "0", "circleWidth": "50", "showValue": true, "timeAsInterval": "true", "infoLeftFontSize": "12", "infoFontRightSize": "12", "styleNormal": "hq-button-base-intemp", "oid-battery": "hm-rpc.0.LTK0130806.0.LOWBAT", "oid-humidity": "hm-rpc.0.LTK0130806.1.HUMIDITY", "oid-actual": "hm-rpc.0.LTK0130806.1.TEMPERATURE", "caption": "", "alwaysShow": false, "usejQueryStyle": true, "changeEffect": "tada", "testActive": false }, "style": { "left": "200px", "top": "54px", "width": "125", "height": "125", "font-size": "x-large" }, "widgetSet": "hqwidgets" }, "e00011": { "tpl": "tplHqInTemp", "data": { "visibility-cond": "==", "visibility-val": 1, "oid": "hm-rpc.0.LTK0130822.2.SET_TEMPERATURE", "unit": "°C", "min": "-10", "max": "50", "digits": "1", "step": "1", "is_comma": "true", "iconName": "img/Heating.png", "btIconWidth": "0", "offsetAuto": "true", "leftOffset": "25", "topOffset": "0", "circleWidth": "50", "showValue": true, "timeAsInterval": "true", "infoLeftFontSize": "12", "infoFontRightSize": "12", "styleNormal": "hq-button-base-intemp", "oid-battery": "hm-rpc.0.LTK0130822.0.LOWBAT", "oid-humidity": "hm-rpc.0.LTK0130822.1.HUMIDITY", "oid-actual": "hm-rpc.0.LTK0130822.1.TEMPERATURE", "caption": "", "alwaysShow": false, "usejQueryStyle": true, "changeEffect": "tada", "testActive": false }, "style": { "left": "722px", "top": "54px", "width": "125", "height": "125", "font-size": "x-large" }, "widgetSet": "hqwidgets" }, "e00012": { "tpl": "tplMfdShutterDialog", "data": { "oid": "hm-rpc.0.MEQ0677541.1.LEVEL", "visibility-cond": "==", "visibility-val": 1, "asButton": "true", "dialog_width": "440", "dialog_height": "200", "min": "0", "max": "100", "oid-working": "hm-rpc.0.MEQ0677541.1.WORKING", "show_active": true, "title": "Rollade Flur", "autoclose": "1800" }, "style": { "left": "654px", "top": "520px", "width": "115", "height": "115" }, "widgetSet": "jqui-mfd" }, "e00013": { "tpl": "tplHtml", "data": { "visibility-cond": "==", "visibility-val": 1, "refreshInterval": "0", "html": "Alle Rolladen:" }, "style": { "left": "0px", "top": "473px", "width": "638px", "height": "168px", "color": "#fff", "border-style": "solid", "border-color": "#f5f4f4", "border-radius": "6px", "border-width": "2px", "font-size": "x-large" }, "widgetSet": "basic" }, "e00014": { "tpl": "tplHtml", "data": { "visibility-cond": "==", "visibility-val": 1, "refreshInterval": "0", "html": "Flur" }, "style": { "left": "648px", "top": "473px", "width": "130px", "height": "168px", "color": "#fff", "border-style": "solid", "border-color": "#f5f4f4", "border-radius": "6px", "border-width": "2px", "font-size": "x-large", "text-align": "center" }, "widgetSet": "basic" } }, "name": "ipad_og", "rerender": false, "filterList": [] }Danke und Gruß
Mirko
-
Hi,
Hast du mal versucht den z- Index Wert anzupassen.
Den Rahmen würde ich auf 1 setzen und die Buttons zum Beipiel 5.
Vielleicht hilft das.
Gruß
Michael
-
Hi,
Danke. Das hilft.
Weißt du was genau der "z-index" macht?
Mirko
-
Du musst dir alles wie Ebenen die aufeinander liegen vorstellen.
Um so höher die Zahl um so weiter oben liegt das Objekt.
Und in deinem fall hat deine Beschriftung die Buttons wohl verdeckt.
Ich hoffe so kann man es verstehen.
-
OK.
Danke für die Erleuchtung.
So ist es klar.
