Navigation

    Logo
    • Register
    • Login
    • Search
    • Recent
    • Tags
    • Unread
    • Categories
    • Unreplied
    • Popular
    • GitHub
    • Docu
    • Hilfe
    1. Home
    2. Deutsch
    3. Visualisierung
    4. jqui container icon view transparten

    NEWS

    • Neues Video "KI im Smart Home" - ioBroker plus n8n

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

    • Wir empfehlen: Node.js 22.x

    jqui container icon view transparten

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

      Guten Tag allerseits,

      ich habe folgendes Problem und würde euch um Hilfe bitte.

      Ich habe ein basic ValueList HTML Style Widget:

      dbf8a0af-36a6-49b5-ad42-0c0ce5e6ab45-grafik.png

      Welches je nach Zigbee Zustand rot oder grün ist.

      Jetzt würde ich gerne das jqui container icon view widget TRANSPARENT darüber legen damit ich eine weite View öffnen kann in der ich Details zum Zigbee erfahre.
      0fd622ac-bd72-4570-b9ea-b50acbe54372-grafik.png

      Aktuell sieht das als Notlösung so aus:

      5bc09dba-d402-4770-996d-b5c2feea5201-grafik.png

      Ich drücke auf das Fragezeichen um dann auf die nächste View geleitet zu werden.

      e5736cb7-a7fe-486f-a8cc-04c0b1bd92c3-grafik.png

      die dann in einem basic iFrame geöffnet wird.

      1fbfc737-9351-4339-8f3c-ff816d8b0136-grafik.png

      Gibt es da eine Möglichkeit nur auf das rote / grüne Feld zu klicken und dann auch auf die dargestellte Ansicht zu gelangen?

      Wäre toll wenn es da eine schönere Lösung geben würde.

      VG Duffy

      sigi234 1 Reply Last reply Reply Quote 0
      • sigi234
        sigi234 Forum Testing Most Active @Duffy last edited by sigi234

        @duffy
        z-index gleich setzen und das Widget drüber legen.
        Hintergrund auf transparent

        Duffy 2 Replies Last reply Reply Quote 0
        • Duffy
          Duffy @sigi234 last edited by

          @sigi234

          Danke das werde ich morgen einmal versuchen.
          Meinst du schon das container icon view widget?
          Wenn ja wo stelle ich das transparent. Ich habe da leider noch nichts gefunden das war meine ursprüngliche Idee.

          VG Duffy

          1 Reply Last reply Reply Quote 0
          • Duffy
            Duffy @sigi234 last edited by

            @sigi234

            Ich habe das jetzt mal versucht das jqui container icon auf Transparent zu stellen.

            abd3e5b2-7047-4b0f-b17a-e89c25fa55da-grafik.png

            Im Editior ist es noch transparent aber in Runtime bekommt es wieder eine Farbe. Egal ob ich den z Index auf 4, wie das grüne Feld, oder auf 5 also eins drüber setze.

            57052993-4e1f-497e-a28f-f34f01c34d55-grafik.png

            Kannst du mir bitte sagen was ich da falsch mache?

            VG Duffy

            Homoran 1 Reply Last reply Reply Quote 0
            • Homoran
              Homoran Global Moderator Administrators @Duffy last edited by

              @duffy sagte in jqui container icon view transparten:

              icon auf Transparent zu stellen.

              wo?
              in der config steht eine Farbe

              Duffy 1 Reply Last reply Reply Quote 0
              • Duffy
                Duffy @Homoran last edited by

                @homoran

                Ich habe in Google geschaut das #85D1E000 transparent wäre.

                Auf der Seite die ich gefunden hatte (find sie leider nicht mehr) war ein Schieber und da konnte man durch schieben nach links auf Transparent gehen und dann kam der o.g. Wert. wenn ich nach rechts gegengen bin wurde es bläulich.

                Bin ich da wieder auf dem Holz weg? Bekommt man das überhaupt transparent?

                Homoran 1 Reply Last reply Reply Quote 0
                • Homoran
                  Homoran Global Moderator Administrators @Duffy last edited by Homoran

                  @duffy sagte in jqui container icon view transparten:

                  das #85D1E000 transparent wäre.

                  du siehst doch die blaue Farbe!

                  schreib clear oder transparent in das Feld

                  Duffy 1 Reply Last reply Reply Quote 1
                  • Duffy
                    Duffy @Homoran last edited by

                    @homoran

                    Ok danke schön das werde ich versuchen.
                    Hab mich da halt auf google verlassen 😉 aber hätte das mit clear auch nicht gewusst.

                    Viele Grüße

                    Homoran 1 Reply Last reply Reply Quote 0
                    • Homoran
                      Homoran Global Moderator Administrators @Duffy last edited by

                      @duffy sagte in jqui container icon view transparten:

                      Hab mich da halt auf google verlassen

                      ich fürchte da hast du nicht richtig gesucht.
                      du hast da eine 8stellige Zahl, das wäre für rgba, für rgb braucht es 6stellige.

                      Duffy 1 Reply Last reply Reply Quote 0
                      • Duffy
                        Duffy @Homoran last edited by

                        @Homoran

                        Ich habe unter css transparent und html Transparent gesucht. Ja, ich hatte mich auch gewundert warum es plötzlich 8 stellig war 😞

                        Homoran 1 Reply Last reply Reply Quote 0
                        • Homoran
                          Homoran Global Moderator Administrators @Duffy last edited by

                          @duffy sagte in jqui container icon view transparten:

                          warum es plötzlich 8 stellig war

                          bei rgba gibt es zusätzlich die opacity!
                          das sind die letzten beiden Stellen.

                          00 ist dann durchsichtig FF wäre absolut blickdicht

                          Duffy 1 Reply Last reply Reply Quote 1
                          • Duffy
                            Duffy @Homoran last edited by

                            @homoran

                            Jetzt passt es, super.

                            bc3a6e84-dd80-49a1-9b42-b3b89e4ec57e-grafik.png

                            Jetzt müsste ich für die Optik nur noch den Text etwas weiter runter bekommen. Hatte es mit <br> versucht aber hat hier nicht geklappt. Einen Schieber zur Positionsveränderungen finde ich hier keinen
                            Hast du mir dafür auch noch eine Tip? Aber wie gesagt wäre nur für die Optik.

                            Homoran 1 Reply Last reply Reply Quote 0
                            • Homoran
                              Homoran Global Moderator Administrators @Duffy last edited by

                              @duffy sagte in jqui container icon view transparten:

                              Hast du mir dafür auch noch eine Tip?

                              spiel mal was mit der line height

                              Duffy 1 Reply Last reply Reply Quote 1
                              • Duffy
                                Duffy @Homoran last edited by Duffy

                                @homoran

                                Wenn man weis wo hinfassen ist es so leicht.

                                1b78bb80-60b2-4638-8794-db4483f81ed5-grafik.png

                                Herzlichen Dank und einen schönen Abend.

                                VG Duffy

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

                                Support us

                                ioBroker
                                Community Adapters
                                Donate

                                878
                                Online

                                32.1k
                                Users

                                80.6k
                                Topics

                                1.3m
                                Posts

                                3
                                14
                                581
                                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