Skip to content
  • Home
  • Aktuell
  • Tags
  • 0 Ungelesen 0
  • Kategorien
  • Unreplied
  • Beliebt
  • GitHub
  • Docu
  • Hilfe
Skins
  • Light
  • Brite
  • Cerulean
  • Cosmo
  • Flatly
  • Journal
  • Litera
  • Lumen
  • Lux
  • Materia
  • Minty
  • Morph
  • Pulse
  • Sandstone
  • Simplex
  • Sketchy
  • Spacelab
  • United
  • Yeti
  • Zephyr
  • Dark
  • Cyborg
  • Darkly
  • Quartz
  • Slate
  • Solar
  • Superhero
  • Vapor

  • Standard: (Kein Skin)
  • Kein Skin
Einklappen
ioBroker Logo

Community Forum

donate donate
  1. ioBroker Community Home
  2. Deutsch
  3. Visualisierung
  4. jqui container icon view transparten

NEWS

  • Jahresrückblick 2025 – unser neuer Blogbeitrag ist online! ✨
    BluefoxB
    Bluefox
    17
    1
    3.5k

  • Neuer Blogbeitrag: Monatsrückblick - Dezember 2025 🎄
    BluefoxB
    Bluefox
    13
    1
    1.1k

  • Weihnachtsangebot 2025! 🎄
    BluefoxB
    Bluefox
    25
    1
    2.5k

jqui container icon view transparten

Geplant Angeheftet Gesperrt Verschoben Visualisierung
14 Beiträge 3 Kommentatoren 723 Aufrufe 2 Watching
  • Älteste zuerst
  • Neuste zuerst
  • Meiste Stimmen
Antworten
  • In einem neuen Thema antworten
Anmelden zum Antworten
Dieses Thema wurde gelöscht. Nur Nutzer mit entsprechenden Rechten können es sehen.
  • DuffyD 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

    sigi234S Online
    sigi234S Online
    sigi234
    Forum Testing Most Active
    schrieb am zuletzt editiert von sigi234
    #2

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

    Bitte benutzt das Voting rechts unten im Beitrag wenn er euch geholfen hat.
    Immer Daten sichern!

    DuffyD 2 Antworten Letzte Antwort
    0
    • sigi234S sigi234

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

      DuffyD Offline
      DuffyD Offline
      Duffy
      schrieb am zuletzt editiert von
      #3

      @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

      Nix besonderes; iob auf Respberry pi 4 (8GB) mit 32 GB SSD
      Node.js: v22.22.0
      NPM: 10.9.4
      js-controller 7.0.7
      Linux: Trixie

      1 Antwort Letzte Antwort
      0
      • sigi234S sigi234

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

        DuffyD Offline
        DuffyD Offline
        Duffy
        schrieb am zuletzt editiert von
        #4

        @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

        Nix besonderes; iob auf Respberry pi 4 (8GB) mit 32 GB SSD
        Node.js: v22.22.0
        NPM: 10.9.4
        js-controller 7.0.7
        Linux: Trixie

        HomoranH 1 Antwort Letzte Antwort
        0
        • DuffyD Duffy

          @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

          HomoranH Offline
          HomoranH Offline
          Homoran
          Global Moderator Administrators
          schrieb am zuletzt editiert von
          #5

          @duffy sagte in jqui container icon view transparten:

          icon auf Transparent zu stellen.

          wo?
          in der config steht eine Farbe

          kein Support per PN! - Fragen im Forum stellen - es gibt fast nichts, was nicht auch für andere interessant ist.

          Benutzt das Voting rechts unten im Beitrag wenn er euch geholfen hat.

          der Installationsfixer: curl -fsL https://iobroker.net/fix.sh | bash -

          DuffyD 1 Antwort Letzte Antwort
          0
          • HomoranH Homoran

            @duffy sagte in jqui container icon view transparten:

            icon auf Transparent zu stellen.

            wo?
            in der config steht eine Farbe

            DuffyD Offline
            DuffyD Offline
            Duffy
            schrieb am zuletzt editiert von
            #6

            @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?

            Nix besonderes; iob auf Respberry pi 4 (8GB) mit 32 GB SSD
            Node.js: v22.22.0
            NPM: 10.9.4
            js-controller 7.0.7
            Linux: Trixie

            HomoranH 1 Antwort Letzte Antwort
            0
            • DuffyD Duffy

              @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?

              HomoranH Offline
              HomoranH Offline
              Homoran
              Global Moderator Administrators
              schrieb am zuletzt editiert von Homoran
              #7

              @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

              kein Support per PN! - Fragen im Forum stellen - es gibt fast nichts, was nicht auch für andere interessant ist.

              Benutzt das Voting rechts unten im Beitrag wenn er euch geholfen hat.

              der Installationsfixer: curl -fsL https://iobroker.net/fix.sh | bash -

              DuffyD 1 Antwort Letzte Antwort
              1
              • HomoranH 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

                DuffyD Offline
                DuffyD Offline
                Duffy
                schrieb am zuletzt editiert von
                #8

                @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

                Nix besonderes; iob auf Respberry pi 4 (8GB) mit 32 GB SSD
                Node.js: v22.22.0
                NPM: 10.9.4
                js-controller 7.0.7
                Linux: Trixie

                HomoranH 1 Antwort Letzte Antwort
                0
                • DuffyD Duffy

                  @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

                  HomoranH Offline
                  HomoranH Offline
                  Homoran
                  Global Moderator Administrators
                  schrieb am zuletzt editiert von
                  #9

                  @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.

                  kein Support per PN! - Fragen im Forum stellen - es gibt fast nichts, was nicht auch für andere interessant ist.

                  Benutzt das Voting rechts unten im Beitrag wenn er euch geholfen hat.

                  der Installationsfixer: curl -fsL https://iobroker.net/fix.sh | bash -

                  DuffyD 1 Antwort Letzte Antwort
                  0
                  • HomoranH Homoran

                    @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.

                    DuffyD Offline
                    DuffyD Offline
                    Duffy
                    schrieb am zuletzt editiert von
                    #10

                    @Homoran

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

                    Nix besonderes; iob auf Respberry pi 4 (8GB) mit 32 GB SSD
                    Node.js: v22.22.0
                    NPM: 10.9.4
                    js-controller 7.0.7
                    Linux: Trixie

                    HomoranH 1 Antwort Letzte Antwort
                    0
                    • DuffyD Duffy

                      @Homoran

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

                      HomoranH Offline
                      HomoranH Offline
                      Homoran
                      Global Moderator Administrators
                      schrieb am zuletzt editiert von
                      #11

                      @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

                      kein Support per PN! - Fragen im Forum stellen - es gibt fast nichts, was nicht auch für andere interessant ist.

                      Benutzt das Voting rechts unten im Beitrag wenn er euch geholfen hat.

                      der Installationsfixer: curl -fsL https://iobroker.net/fix.sh | bash -

                      DuffyD 1 Antwort Letzte Antwort
                      1
                      • HomoranH Homoran

                        @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

                        DuffyD Offline
                        DuffyD Offline
                        Duffy
                        schrieb am zuletzt editiert von
                        #12

                        @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.

                        Nix besonderes; iob auf Respberry pi 4 (8GB) mit 32 GB SSD
                        Node.js: v22.22.0
                        NPM: 10.9.4
                        js-controller 7.0.7
                        Linux: Trixie

                        HomoranH 1 Antwort Letzte Antwort
                        0
                        • DuffyD Duffy

                          @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.

                          HomoranH Offline
                          HomoranH Offline
                          Homoran
                          Global Moderator Administrators
                          schrieb am zuletzt editiert von
                          #13

                          @duffy sagte in jqui container icon view transparten:

                          Hast du mir dafür auch noch eine Tip?

                          spiel mal was mit der line height

                          kein Support per PN! - Fragen im Forum stellen - es gibt fast nichts, was nicht auch für andere interessant ist.

                          Benutzt das Voting rechts unten im Beitrag wenn er euch geholfen hat.

                          der Installationsfixer: curl -fsL https://iobroker.net/fix.sh | bash -

                          DuffyD 1 Antwort Letzte Antwort
                          1
                          • HomoranH Homoran

                            @duffy sagte in jqui container icon view transparten:

                            Hast du mir dafür auch noch eine Tip?

                            spiel mal was mit der line height

                            DuffyD Offline
                            DuffyD Offline
                            Duffy
                            schrieb am zuletzt editiert von Duffy
                            #14

                            @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

                            Nix besonderes; iob auf Respberry pi 4 (8GB) mit 32 GB SSD
                            Node.js: v22.22.0
                            NPM: 10.9.4
                            js-controller 7.0.7
                            Linux: Trixie

                            1 Antwort Letzte Antwort
                            0
                            Antworten
                            • In einem neuen Thema antworten
                            Anmelden zum Antworten
                            • Älteste zuerst
                            • Neuste zuerst
                            • Meiste Stimmen


                            Support us

                            ioBroker
                            Community Adapters
                            Donate

                            300

                            Online

                            32.7k

                            Benutzer

                            82.4k

                            Themen

                            1.3m

                            Beiträge
                            Community
                            Impressum | Datenschutz-Bestimmungen | Nutzungsbedingungen | Einwilligungseinstellungen
                            ioBroker Community 2014-2025
                            logo
                            • Anmelden

                            • Du hast noch kein Konto? Registrieren

                            • Anmelden oder registrieren, um zu suchen
                            • Erster Beitrag
                              Letzter Beitrag
                            0
                            • Home
                            • Aktuell
                            • Tags
                            • Ungelesen 0
                            • Kategorien
                            • Unreplied
                            • Beliebt
                            • GitHub
                            • Docu
                            • Hilfe