Navigation

    Logo
    • Register
    • Login
    • Search
    • Recent
    • Tags
    • Unread
    • Categories
    • Unreplied
    • Popular
    • GitHub
    • Docu
    • Hilfe
    1. Home
    2. Deutsch
    3. Visualisierung
    4. [gelöst] Widget nicht erreichbar/klick bar

    NEWS

    • Neues Video über Aliase, virtuelle Geräte und Kategorien

    • Wir empfehlen: Node.js 22.x

    • Neuer Blog: Fotos und Eindrücke aus Solingen

    [gelöst] Widget nicht erreichbar/klick bar

    This topic has been deleted. Only users with topic management privileges can see it.
    • wendy2702
      wendy2702 last edited by

      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.

      999_og_view.jpg

      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

      1 Reply Last reply Reply Quote 0
      • M
        mctom last edited by

        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

        1 Reply Last reply Reply Quote 0
        • wendy2702
          wendy2702 last edited by

          Hi,

          Danke. Das hilft.

          Weißt du was genau der "z-index" macht?

          Mirko

          1 Reply Last reply Reply Quote 0
          • M
            mctom last edited by

            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.

            1 Reply Last reply Reply Quote 0
            • wendy2702
              wendy2702 last edited by

              OK.

              Danke für die Erleuchtung.

              So ist es klar.

              1 Reply Last reply Reply Quote 0
              • First post
                Last post

              Support us

              ioBroker
              Community Adapters
              Donate

              812
              Online

              32.0k
              Users

              80.5k
              Topics

              1.3m
              Posts

              2
              5
              971
              Loading More Posts
              • Oldest to Newest
              • Newest to Oldest
              • Most Votes
              Reply
              • Reply as topic
              Log in to reply
              Community
              Impressum | Datenschutz-Bestimmungen | Nutzungsbedingungen
              The ioBroker Community 2014-2023
              logo