Skip to content
  • Recent
  • Tags
  • 0 Unread 0
  • Categories
  • Unreplied
  • Popular
  • 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

  • Default (No Skin)
  • No Skin
Collapse
Logo
  1. ioBroker Community Home
  2. Deutsch
  3. Visualisierung
  4. [Showcase] Jarvis - just another remarkable vis

NEWS

  • UPDATE 31.10.: Amazon Alexa - ioBroker Skill läuft aus ?
    apollon77A
    apollon77
    48
    3
    8.1k

  • Monatsrückblick – September 2025
    BluefoxB
    Bluefox
    13
    1
    1.8k

  • Neues Video "KI im Smart Home" - ioBroker plus n8n
    BluefoxB
    Bluefox
    15
    1
    2.1k

[Showcase] Jarvis - just another remarkable vis

Scheduled Pinned Locked Moved Visualisierung
vis
453 Posts 81 Posters 135.1k Views 95 Watching
  • Oldest to Newest
  • Newest to Oldest
  • Most Votes
Reply
  • Reply as topic
Log in to reply
This topic has been deleted. Only users with topic management privileges can see it.
  • MiswakM Miswak

    Hallo liebe Jarvis Profis,

    ich bin Jarvis Anfänger und bin gerade am Loslegen meiner Visualisierung. Habe dort auch recht rudimentäre Fortschritte gemacht und möchte mich nun an ein etwas komplizierteres Thema wagen.

    Die halbtransparente Ansicht. Hierfür würde ich gerne zuerst mal den Vorschlag von Zefau in meine Visu einfügen:

    1611951312559-b8426433-04d3-439e-b6dd-9fec2e5febbe-image.png

    Und da scheitert's schon 😞 . Es wird an der entsprechenden Stelle (Link) zwar erwähnt, dass mann den Code unter "Styles" einfügen muss. Wenn ich dies tue, passiert jedoch nichts. Es kann natürlich daran liegen, dass es sich noch um Version 2 gehandelt hat und ich momentan auf Version 3.1.2 unterwegs bin.

    Kurzum, könnte mir jemand Tipps geben, dass ich oben genannte Ansicht auf der akutellen Version verwirklichen kann.

    Vielen lieben Dank.

    M Online
    M Online
    MCU
    wrote on last edited by
    #361

    @miswak Hast du die Pro Version?

    NUC i7 64GB mit Proxmox ---- https://mcuiobroker.gitbook.io/jarvis-infos/ Aktualisierungen der Doku auf Instagram verfolgen -> https://www.instagram.com/mcuiobroker
    Wenn Euch mein Vorschlag geholfen hat, bitte rechts "^" klicken.

    MiswakM 1 Reply Last reply
    0
    • M MCU

      @miswak Hast du die Pro Version?

      MiswakM Offline
      MiswakM Offline
      Miswak
      wrote on last edited by
      #362

      @mcu Ja, die habe ich.

      M 1 Reply Last reply
      0
      • MiswakM Miswak

        @mcu Ja, die habe ich.

        M Online
        M Online
        MCU
        wrote on last edited by
        #363

        @miswak
        https://mcuiobroker.gitbook.io/jarvis-infos/jarvis-v3/besonderheiten-v3/styles/gradient-design#css-styles-eintraege

        NUC i7 64GB mit Proxmox ---- https://mcuiobroker.gitbook.io/jarvis-infos/ Aktualisierungen der Doku auf Instagram verfolgen -> https://www.instagram.com/mcuiobroker
        Wenn Euch mein Vorschlag geholfen hat, bitte rechts "^" klicken.

        MiswakM 1 Reply Last reply
        1
        • M MCU

          @miswak
          https://mcuiobroker.gitbook.io/jarvis-infos/jarvis-v3/besonderheiten-v3/styles/gradient-design#css-styles-eintraege

          MiswakM Offline
          MiswakM Offline
          Miswak
          wrote on last edited by
          #364

          @mcu Super. Hat geklappt. Vielen lieben Dank.

          1 Reply Last reply
          0
          • MiswakM Offline
            MiswakM Offline
            Miswak
            wrote on last edited by
            #365

            Hallo,

            habe die Einträge bei Styles ja eingefügt und die Änderungen wurden ja auch super übernommen.

            Im Laufe der letzten Tage ist mir nun aufgefallen, dass die Tab Leiste oben die gleiche Transparenz hat wie der untere "Hauptbereich", wo die Widgets liegen.
            Wenn ich nun die Seite nach unten scrolle - also die Widgets nach oben unter der Tableiste verschwinden, ist diese durch ihre Transparenz nicht mehr so gut zu erkennen.
            Es entsteht ein gewisses Durcheinander.

            ungescrollt.png vorher

            gescrollt.png nachher

            Kann man die Transpranz des Widgetsbereichs (Hauptbereich) und der Tableiste unterschiedlich einstellen? Ich würde gerne die Transparenz der Tableiste verringern. Und falls ja, wo?

            Vielen lieben Dank !

            M 1 Reply Last reply
            0
            • MiswakM Miswak

              Hallo,

              habe die Einträge bei Styles ja eingefügt und die Änderungen wurden ja auch super übernommen.

              Im Laufe der letzten Tage ist mir nun aufgefallen, dass die Tab Leiste oben die gleiche Transparenz hat wie der untere "Hauptbereich", wo die Widgets liegen.
              Wenn ich nun die Seite nach unten scrolle - also die Widgets nach oben unter der Tableiste verschwinden, ist diese durch ihre Transparenz nicht mehr so gut zu erkennen.
              Es entsteht ein gewisses Durcheinander.

              ungescrollt.png vorher

              gescrollt.png nachher

              Kann man die Transpranz des Widgetsbereichs (Hauptbereich) und der Tableiste unterschiedlich einstellen? Ich würde gerne die Transparenz der Tableiste verringern. Und falls ja, wo?

              Vielen lieben Dank !

              M Online
              M Online
              MCU
              wrote on last edited by
              #366

              @miswak Gehe in die Styles Suche den Selektor für tabs-container dort dann statt 0.2 -> 0.8 eintragen

              NUC i7 64GB mit Proxmox ---- https://mcuiobroker.gitbook.io/jarvis-infos/ Aktualisierungen der Doku auf Instagram verfolgen -> https://www.instagram.com/mcuiobroker
              Wenn Euch mein Vorschlag geholfen hat, bitte rechts "^" klicken.

              MiswakM 1 Reply Last reply
              1
              • M MCU

                @miswak Gehe in die Styles Suche den Selektor für tabs-container dort dann statt 0.2 -> 0.8 eintragen

                MiswakM Offline
                MiswakM Offline
                Miswak
                wrote on last edited by
                #367

                @mcu Super. Top. Vielen Dank.

                1 Reply Last reply
                0
                • simatecS simatec

                  Anbei ein paar Screenshots zu meinem aktuellen Jarvis Stand ...

                  Bildschirmfoto 2020-11-07 um 17.36.44.png
                  Bildschirmfoto 2020-11-07 um 17.40.44.png
                  Bildschirmfoto 2020-11-07 um 17.41.12.png
                  Bildschirmfoto 2020-11-07 um 17.41.40.png
                  Bildschirmfoto 2020-11-07 um 17.42.06.png
                  Bildschirmfoto 2020-11-07 um 17.42.35.png

                  F Offline
                  F Offline
                  Flowski
                  wrote on last edited by
                  #368

                  @simatec könntest du mir erklären wie du diese "Übersicht" über eingeschaltete Lampen programmiert hast? Also dass er nicht alle auflistet sondern nur die betroffenen aufzählt... Danke

                  3f51b66e-dfd2-4826-9329-3f72837f6a9a-image.png

                  simatecS 1 Reply Last reply
                  0
                  • F Flowski

                    @simatec könntest du mir erklären wie du diese "Übersicht" über eingeschaltete Lampen programmiert hast? Also dass er nicht alle auflistet sondern nur die betroffenen aufzählt... Danke

                    3f51b66e-dfd2-4826-9329-3f72837f6a9a-image.png

                    simatecS Offline
                    simatecS Offline
                    simatec
                    Developer Most Active
                    wrote on last edited by
                    #369

                    @fabiowski Mit einem Script offene Fenster zählen ... Den Text gebe ich dort aus

                    • Besuche meine Github Seite
                    • Beitrag hat geholfen oder willst du mich unterstützen
                    • HowTo Restore ioBroker
                    1 Reply Last reply
                    0
                    • MiswakM Offline
                      MiswakM Offline
                      Miswak
                      wrote on last edited by
                      #370

                      Hallo,

                      habe folgende Situation unter Jarvis 3.1.2 Pro:

                      Ich habe KNX gesteuerte Jalousien, bei denen ich jeweils über einen Datenpunkt die Position der Jalousie gemeldet bekomme.

                      Ich habe jetzt unter Jarvis ein Widget angelegt, welches mir den entsprechenden Status anzeigt.

                      Bildschirm­foto 2023-01-28 um 14.35.23.png

                      Bei Position 0 (=offen) zeigt er mir den Wert "offen" an, bei 100 (=geschlossen) den Wert "geschlossen". Dies habe ich unter Geräteigenschaften/Anzeigenvariante eingestellt, von 1-99 werden die entsprechenden Zahlenwerte angezeigt.

                      Frage 1: Ist es möglich - und falls ja, wie - das Wort "offen" in der Farbe "grün" darzustellen und das Wort "geschlossen" in der Farbe "rot"?

                      Ich habe unter Geräteeigenschaften/Einheit (JSON Format) folgende Einstellung für die Werte 1-99, die ja als Zahlenwerte dargestellt werden sollten.

                      {"0":"","100":"",">=1":"%","<=99":"%"}
                      

                      Es sollte den Zahlenwerten ein % Zeichen folgen. Leider hängt er aber das Prozentzeichen auch hinter die Wörter "offen" und "geschlossen".

                      Bildschirm­foto 2023-01-28 um 14.40.44.png

                      Frage 2: Wo liegt der Fehler?

                      Vielen Dank.

                      M 1 Reply Last reply
                      0
                      • MiswakM Miswak

                        Hallo,

                        habe folgende Situation unter Jarvis 3.1.2 Pro:

                        Ich habe KNX gesteuerte Jalousien, bei denen ich jeweils über einen Datenpunkt die Position der Jalousie gemeldet bekomme.

                        Ich habe jetzt unter Jarvis ein Widget angelegt, welches mir den entsprechenden Status anzeigt.

                        Bildschirm­foto 2023-01-28 um 14.35.23.png

                        Bei Position 0 (=offen) zeigt er mir den Wert "offen" an, bei 100 (=geschlossen) den Wert "geschlossen". Dies habe ich unter Geräteigenschaften/Anzeigenvariante eingestellt, von 1-99 werden die entsprechenden Zahlenwerte angezeigt.

                        Frage 1: Ist es möglich - und falls ja, wie - das Wort "offen" in der Farbe "grün" darzustellen und das Wort "geschlossen" in der Farbe "rot"?

                        Ich habe unter Geräteeigenschaften/Einheit (JSON Format) folgende Einstellung für die Werte 1-99, die ja als Zahlenwerte dargestellt werden sollten.

                        {"0":"","100":"",">=1":"%","<=99":"%"}
                        

                        Es sollte den Zahlenwerten ein % Zeichen folgen. Leider hängt er aber das Prozentzeichen auch hinter die Wörter "offen" und "geschlossen".

                        Bildschirm­foto 2023-01-28 um 14.40.44.png

                        Frage 2: Wo liegt der Fehler?

                        Vielen Dank.

                        M Online
                        M Online
                        MCU
                        wrote on last edited by
                        #371

                        @miswak

                        {"0":"","100":"","default":"%"}
                        

                        NUC i7 64GB mit Proxmox ---- https://mcuiobroker.gitbook.io/jarvis-infos/ Aktualisierungen der Doku auf Instagram verfolgen -> https://www.instagram.com/mcuiobroker
                        Wenn Euch mein Vorschlag geholfen hat, bitte rechts "^" klicken.

                        MiswakM 1 Reply Last reply
                        1
                        • M MCU

                          @miswak

                          {"0":"","100":"","default":"%"}
                          
                          MiswakM Offline
                          MiswakM Offline
                          Miswak
                          wrote on last edited by
                          #372

                          @mcu Super. Vielen Dank. Hat geklappt.

                          Gibt es auch eine Lösung für das "Farbenproblem" -> grün / rot?

                          M 1 Reply Last reply
                          0
                          • MiswakM Miswak

                            @mcu Super. Vielen Dank. Hat geklappt.

                            Gibt es auch eine Lösung für das "Farbenproblem" -> grün / rot?

                            M Online
                            M Online
                            MCU
                            wrote on last edited by MCU
                            #373

                            @miswak Schau mal hier nach
                            https://mcuiobroker.gitbook.io/jarvis-infos/jarvis-v3/besonderheiten-v3/geraet/eingabewerte-fuer-die-geraete-dp-state-felder

                            -> Datenpunkt Stil

                            {"100":{"color":"red"},"0":{"color":"green"}}
                            

                            BTW: Dies gehört eigentlich in den anderen Jarvis-Thread, bei neuen Fragen bitte den nutzen:
                            v3 -> https://forum.iobroker.net/topic/49776/jarvis-v3-0-0-just-another-remarkable-vis
                            v3.1 -> https://forum.iobroker.net/topic/59201/jarvis-v3-1-0-beta-just-another-remarkable-vis

                            NUC i7 64GB mit Proxmox ---- https://mcuiobroker.gitbook.io/jarvis-infos/ Aktualisierungen der Doku auf Instagram verfolgen -> https://www.instagram.com/mcuiobroker
                            Wenn Euch mein Vorschlag geholfen hat, bitte rechts "^" klicken.

                            1 Reply Last reply
                            1
                            • sigi234S Online
                              sigi234S Online
                              sigi234
                              Forum Testing Most Active
                              wrote on last edited by sigi234
                              #374

                              Mal ein paar Screenshots von mir:

                              Screenshot (5382).png Screenshot (5383).png Screenshot (5384).png Screenshot (5385).png Screenshot (5386).pngScreenshot (5387).png

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

                              Damrak2022D 2 Replies Last reply
                              3
                              • MiswakM Miswak

                                Hallo liebe Jarvis Profis,

                                ich bin Jarvis Anfänger und bin gerade am Loslegen meiner Visualisierung. Habe dort auch recht rudimentäre Fortschritte gemacht und möchte mich nun an ein etwas komplizierteres Thema wagen.

                                Die halbtransparente Ansicht. Hierfür würde ich gerne zuerst mal den Vorschlag von Zefau in meine Visu einfügen:

                                1611951312559-b8426433-04d3-439e-b6dd-9fec2e5febbe-image.png

                                Und da scheitert's schon 😞 . Es wird an der entsprechenden Stelle (Link) zwar erwähnt, dass mann den Code unter "Styles" einfügen muss. Wenn ich dies tue, passiert jedoch nichts. Es kann natürlich daran liegen, dass es sich noch um Version 2 gehandelt hat und ich momentan auf Version 3.1.2 unterwegs bin.

                                Kurzum, könnte mir jemand Tipps geben, dass ich oben genannte Ansicht auf der akutellen Version verwirklichen kann.

                                Vielen lieben Dank.

                                MiswakM Offline
                                MiswakM Offline
                                Miswak
                                wrote on last edited by
                                #375

                                @miswak said in [Showcase] Jarvis - just another remarkable vis:

                                Hallo liebe Jarvis Profis,

                                ich bin Jarvis Anfänger und bin gerade am Loslegen meiner Visualisierung. Habe dort auch recht rudimentäre Fortschritte gemacht und möchte mich nun an ein etwas komplizierteres Thema wagen.

                                Die halbtransparente Ansicht. Hierfür würde ich gerne zuerst mal den Vorschlag von Zefau in meine Visu einfügen:

                                1611951312559-b8426433-04d3-439e-b6dd-9fec2e5febbe-image.png

                                Und da scheitert's schon 😞 . Es wird an der entsprechenden Stelle (Link) zwar erwähnt, dass mann den Code unter "Styles" einfügen muss. Wenn ich dies tue, passiert jedoch nichts. Es kann natürlich daran liegen, dass es sich noch um Version 2 gehandelt hat und ich momentan auf Version 3.1.2 unterwegs bin.

                                Kurzum, könnte mir jemand Tipps geben, dass ich oben genannte Ansicht auf der akutellen Version verwirklichen kann.

                                Vielen lieben Dank.

                                Hallo,

                                bin jetzt einige Wochen mit Jarvis unterwegs und bin sehr happy. Jetzt geht's bereits an Kleinigkeiten.

                                Habe oben erwähnten Farbverlauf installiert, der mir sehr gut gefällt. Jedoch ist er bei den dann aufploppenden Popups nicht so schön.

                                Habe schon unter folgendem Link nachgelesen und versucht den entpsrechenden Inhalt in Styles einzufügen um einen unifarbenen Hintergrund zu erhalten. Klappt leider nicht. Der "Gesamtfarbverlauf" bleibt auch im kleinen Popup erhalten.

                                M 1 Reply Last reply
                                0
                                • MiswakM Miswak

                                  @miswak said in [Showcase] Jarvis - just another remarkable vis:

                                  Hallo liebe Jarvis Profis,

                                  ich bin Jarvis Anfänger und bin gerade am Loslegen meiner Visualisierung. Habe dort auch recht rudimentäre Fortschritte gemacht und möchte mich nun an ein etwas komplizierteres Thema wagen.

                                  Die halbtransparente Ansicht. Hierfür würde ich gerne zuerst mal den Vorschlag von Zefau in meine Visu einfügen:

                                  1611951312559-b8426433-04d3-439e-b6dd-9fec2e5febbe-image.png

                                  Und da scheitert's schon 😞 . Es wird an der entsprechenden Stelle (Link) zwar erwähnt, dass mann den Code unter "Styles" einfügen muss. Wenn ich dies tue, passiert jedoch nichts. Es kann natürlich daran liegen, dass es sich noch um Version 2 gehandelt hat und ich momentan auf Version 3.1.2 unterwegs bin.

                                  Kurzum, könnte mir jemand Tipps geben, dass ich oben genannte Ansicht auf der akutellen Version verwirklichen kann.

                                  Vielen lieben Dank.

                                  Hallo,

                                  bin jetzt einige Wochen mit Jarvis unterwegs und bin sehr happy. Jetzt geht's bereits an Kleinigkeiten.

                                  Habe oben erwähnten Farbverlauf installiert, der mir sehr gut gefällt. Jedoch ist er bei den dann aufploppenden Popups nicht so schön.

                                  Habe schon unter folgendem Link nachgelesen und versucht den entpsrechenden Inhalt in Styles einzufügen um einen unifarbenen Hintergrund zu erhalten. Klappt leider nicht. Der "Gesamtfarbverlauf" bleibt auch im kleinen Popup erhalten.

                                  M Online
                                  M Online
                                  MCU
                                  wrote on last edited by
                                  #376

                                  @miswak Zeig mal Deine Styles.

                                  NUC i7 64GB mit Proxmox ---- https://mcuiobroker.gitbook.io/jarvis-infos/ Aktualisierungen der Doku auf Instagram verfolgen -> https://www.instagram.com/mcuiobroker
                                  Wenn Euch mein Vorschlag geholfen hat, bitte rechts "^" klicken.

                                  MiswakM 1 Reply Last reply
                                  0
                                  • M MCU

                                    @miswak Zeig mal Deine Styles.

                                    MiswakM Offline
                                    MiswakM Offline
                                    Miswak
                                    wrote on last edited by
                                    #377

                                    @mcu

                                    Bildschirmfoto 2023-03-30 um 21.14.18.png

                                    Bildschirmfoto 2023-03-30 um 21.15.00.png

                                    M 1 Reply Last reply
                                    0
                                    • MiswakM Miswak

                                      @mcu

                                      Bildschirmfoto 2023-03-30 um 21.14.18.png

                                      Bildschirmfoto 2023-03-30 um 21.15.00.png

                                      M Online
                                      M Online
                                      MCU
                                      wrote on last edited by
                                      #378

                                      @miswak Bitte in CodeTags.
                                      34f670e4-89be-4301-ab72-e7d567a7ac96-image.png

                                      NUC i7 64GB mit Proxmox ---- https://mcuiobroker.gitbook.io/jarvis-infos/ Aktualisierungen der Doku auf Instagram verfolgen -> https://www.instagram.com/mcuiobroker
                                      Wenn Euch mein Vorschlag geholfen hat, bitte rechts "^" klicken.

                                      MiswakM 1 Reply Last reply
                                      0
                                      • M MCU

                                        @miswak Bitte in CodeTags.
                                        34f670e4-89be-4301-ab72-e7d567a7ac96-image.png

                                        MiswakM Offline
                                        MiswakM Offline
                                        Miswak
                                        wrote on last edited by
                                        #379

                                        @MCU, sorry auch gerade gemerkt, dass das etwas unpraktisch ist.

                                        .jarvis-page-container,
                                        .jarvis-sidebar-container,
                                        .jarvis-sidebar-container .q-toolbar,
                                        .jarvis-popup,
                                        .jarvis-popup .jarvis-StateList {
                                        	background-color: #0cbaba;
                                        	background-image: linear-gradient(315deg, #0cbaba 0%, #380036 74%);
                                        }
                                        
                                        .body--dark .jarvis-header {
                                        	background-color: rgba(0,0,0,0.2) !important;
                                        }
                                        
                                        .jarvis-tabs-container {
                                        	background-color: rgba(56,0,54,0.9) !important;
                                        }
                                        
                                        .jarvis-widget-container {
                                        	background-color: rgba(0,0,0,0.2) !important;
                                        }
                                        
                                        .body--dark .jarvis-widget {
                                        	background: rgba(0,0,0,0.2);
                                        }
                                        
                                        .body--light .jarvis-widget {
                                        	background: rgba(255,255,255,1);
                                        }
                                        
                                        .body--dark .jarvis-tabs-container {
                                        	background-color: rgba(56,0,54,0.9) !important;
                                        }
                                        
                                        .q-table__container {
                                        	background-color: transparent !important;
                                        } 
                                        
                                        
                                        
                                        
                                        
                                        /*halbtransparente Sidebar*/
                                        
                                        .jarvis-sidebar {
                                        	background-color: #0cbaba;
                                        	background-image: linear-gradient(315deg, #0cbaba 0%, #661f64 74%);
                                        	/* #661f64 old #380036*/
                                        }
                                        
                                        .jarvis-sidebar .items-center {
                                        	background-color: #0cbaba;
                                        	background-image: linear-gradient(315deg, #0cbaba 0%, #661f64 74%);
                                        	/* #661f64 old #380036*/
                                        }
                                        
                                        
                                        
                                        
                                        /*runde Ecken der Widgets*/
                                        
                                        .paper {
                                        	border-radius: 20px;
                                        }
                                        
                                        .jarvis-widget {
                                        	border-radius: 20px;
                                        }
                                        
                                        .jarvis-widget-container {
                                        	border-radius: 20px;
                                        }
                                        
                                        
                                        
                                        
                                        /* Jalousie Schalter umkehren */
                                        
                                        .mdi-chevron-down {
                                        	color: transparent;
                                        	background: url('https://api.iconify.design/mdi/chevron-up.svg?color=white') no-repeat center center / contain;
                                        }
                                        
                                        .mdi-chevron-up {
                                        	color: transparent;
                                        	background: url('https://api.iconify.design/mdi/chevron-down.svg?color=white') no-repeat center center / contain;
                                        }
                                        
                                        
                                        
                                        
                                        /* obere Leiste im Popup unterbinden */
                                        
                                        .jarvis-popup .row.items-center.q-card__section.q-card__section--vert {
                                         display: none;
                                        }
                                        
                                        
                                        
                                        
                                        /* Popup Ecken runder */
                                        
                                        .q-dialog__inner .jarvis-popup {
                                        	border-radius: 20px;
                                        }
                                        
                                        M 1 Reply Last reply
                                        0
                                        • MiswakM Miswak

                                          @MCU, sorry auch gerade gemerkt, dass das etwas unpraktisch ist.

                                          .jarvis-page-container,
                                          .jarvis-sidebar-container,
                                          .jarvis-sidebar-container .q-toolbar,
                                          .jarvis-popup,
                                          .jarvis-popup .jarvis-StateList {
                                          	background-color: #0cbaba;
                                          	background-image: linear-gradient(315deg, #0cbaba 0%, #380036 74%);
                                          }
                                          
                                          .body--dark .jarvis-header {
                                          	background-color: rgba(0,0,0,0.2) !important;
                                          }
                                          
                                          .jarvis-tabs-container {
                                          	background-color: rgba(56,0,54,0.9) !important;
                                          }
                                          
                                          .jarvis-widget-container {
                                          	background-color: rgba(0,0,0,0.2) !important;
                                          }
                                          
                                          .body--dark .jarvis-widget {
                                          	background: rgba(0,0,0,0.2);
                                          }
                                          
                                          .body--light .jarvis-widget {
                                          	background: rgba(255,255,255,1);
                                          }
                                          
                                          .body--dark .jarvis-tabs-container {
                                          	background-color: rgba(56,0,54,0.9) !important;
                                          }
                                          
                                          .q-table__container {
                                          	background-color: transparent !important;
                                          } 
                                          
                                          
                                          
                                          
                                          
                                          /*halbtransparente Sidebar*/
                                          
                                          .jarvis-sidebar {
                                          	background-color: #0cbaba;
                                          	background-image: linear-gradient(315deg, #0cbaba 0%, #661f64 74%);
                                          	/* #661f64 old #380036*/
                                          }
                                          
                                          .jarvis-sidebar .items-center {
                                          	background-color: #0cbaba;
                                          	background-image: linear-gradient(315deg, #0cbaba 0%, #661f64 74%);
                                          	/* #661f64 old #380036*/
                                          }
                                          
                                          
                                          
                                          
                                          /*runde Ecken der Widgets*/
                                          
                                          .paper {
                                          	border-radius: 20px;
                                          }
                                          
                                          .jarvis-widget {
                                          	border-radius: 20px;
                                          }
                                          
                                          .jarvis-widget-container {
                                          	border-radius: 20px;
                                          }
                                          
                                          
                                          
                                          
                                          /* Jalousie Schalter umkehren */
                                          
                                          .mdi-chevron-down {
                                          	color: transparent;
                                          	background: url('https://api.iconify.design/mdi/chevron-up.svg?color=white') no-repeat center center / contain;
                                          }
                                          
                                          .mdi-chevron-up {
                                          	color: transparent;
                                          	background: url('https://api.iconify.design/mdi/chevron-down.svg?color=white') no-repeat center center / contain;
                                          }
                                          
                                          
                                          
                                          
                                          /* obere Leiste im Popup unterbinden */
                                          
                                          .jarvis-popup .row.items-center.q-card__section.q-card__section--vert {
                                           display: none;
                                          }
                                          
                                          
                                          
                                          
                                          /* Popup Ecken runder */
                                          
                                          .q-dialog__inner .jarvis-popup {
                                          	border-radius: 20px;
                                          }
                                          
                                          M Online
                                          M Online
                                          MCU
                                          wrote on last edited by MCU
                                          #380

                                          @miswak Wie soll es denn im Popup aussehen?
                                          Kannst die beiden raus nehmen:

                                          .jarvis-popup,
                                          .jarvis-popup .jarvis-StateList
                                          

                                          bb03f54e-3f5d-4cb3-b0f6-5ebcb5590443-image.png

                                          NUC i7 64GB mit Proxmox ---- https://mcuiobroker.gitbook.io/jarvis-infos/ Aktualisierungen der Doku auf Instagram verfolgen -> https://www.instagram.com/mcuiobroker
                                          Wenn Euch mein Vorschlag geholfen hat, bitte rechts "^" klicken.

                                          MiswakM 2 Replies Last reply
                                          1
                                          Reply
                                          • Reply as topic
                                          Log in to reply
                                          • Oldest to Newest
                                          • Newest to Oldest
                                          • Most Votes


                                          Support us

                                          ioBroker
                                          Community Adapters
                                          Donate

                                          739

                                          Online

                                          32.4k

                                          Users

                                          81.4k

                                          Topics

                                          1.3m

                                          Posts
                                          Community
                                          Impressum | Datenschutz-Bestimmungen | Nutzungsbedingungen
                                          ioBroker Community 2014-2025
                                          logo
                                          • Login

                                          • Don't have an account? Register

                                          • Login or register to search.
                                          • First post
                                            Last post
                                          0
                                          • Recent
                                          • Tags
                                          • Unread 0
                                          • Categories
                                          • Unreplied
                                          • Popular
                                          • GitHub
                                          • Docu
                                          • Hilfe