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

  1. ioBroker Community Home
  2. Deutsch
  3. Tester
  4. jarvis v3.1.x - just another remarkable vis

NEWS

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

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

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

jarvis v3.1.x - just another remarkable vis

Geplant Angeheftet Gesperrt Verschoben Tester
jarvismaterialmaterial uimaterialdesignvisvisualisierungvisualization
1.8k Beiträge 92 Kommentatoren 723.6k Aufrufe 77 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.
  • M marsmännchen

    Gibt es eine Möglichkeit ein StateHTML Widget komplett transparent zu gestalten?
    Damit meine ich nicht den HTML Inhalt , sondern das Widget selbst, Damit man nur die Schrift vom HTML sieht. Ohne den grauen Block rundherum.
    lich1.PNG
    MfG
    Patrick

    M Online
    M Online
    MCU
    schrieb am zuletzt editiert von
    #520

    @marsmännchen Versuch es mal hiermit im Styles:

    .body--dark .jarvis-widget {
    	background: rgba(0,0,0,0.15);
    }
    
    

    NUC i7 64GB mit Proxmox ---- Jarvis Infos Aktualisierungen der Doku auf Instagram verfolgen -> mcuiobroker Instagram
    Wenn Euch mein Vorschlag geholfen hat, bitte rechts "^" klicken.

    M 1 Antwort Letzte Antwort
    0
    • M MCU

      @marsmännchen Versuch es mal hiermit im Styles:

      .body--dark .jarvis-widget {
      	background: rgba(0,0,0,0.15);
      }
      
      
      M Offline
      M Offline
      marsmännchen
      schrieb am zuletzt editiert von
      #521

      @mcu Danke, tut sich aber nichts. Muss ich irgendwo die Widget-ID einsetzen?

      Raspberry Pi 4 8GB, Debian 11, js-controller: 5.0.12, Nodejs: v18.18.2, NPM: 9.8.1 (Multihost),
      Wago PFC200 mit Dali Lichtsteuerung.

      M 1 Antwort Letzte Antwort
      0
      • M marsmännchen

        @mcu Danke, tut sich aber nichts. Muss ich irgendwo die Widget-ID einsetzen?

        M Online
        M Online
        MCU
        schrieb am zuletzt editiert von
        #522

        @marsmännchen Das hinzufügen

        .jarvis-widget-container {
        	background-color: rgba(0,0,0,0.15) !important;
        }
        

        NUC i7 64GB mit Proxmox ---- Jarvis Infos Aktualisierungen der Doku auf Instagram verfolgen -> mcuiobroker Instagram
        Wenn Euch mein Vorschlag geholfen hat, bitte rechts "^" klicken.

        M 1 Antwort Letzte Antwort
        0
        • M MCU

          @marsmännchen Das hinzufügen

          .jarvis-widget-container {
          	background-color: rgba(0,0,0,0.15) !important;
          }
          
          M Offline
          M Offline
          marsmännchen
          schrieb am zuletzt editiert von
          #523

          @mcu jeeeaa , Jetzt ist aber alles transparent.. Nur das eine StateHTML geht auch?

          Raspberry Pi 4 8GB, Debian 11, js-controller: 5.0.12, Nodejs: v18.18.2, NPM: 9.8.1 (Multihost),
          Wago PFC200 mit Dali Lichtsteuerung.

          M 1 Antwort Letzte Antwort
          0
          • M marsmännchen

            @mcu jeeeaa , Jetzt ist aber alles transparent.. Nur das eine StateHTML geht auch?

            M Online
            M Online
            MCU
            schrieb am zuletzt editiert von MCU
            #524

            @marsmännchen Dann so

            /* alle StateHTMLs */
            .jarvis-widget-container .jarvis-widget-module-StateHTML {
            	background-color: rgba(0,0,0,0.15) !important;
            }
            
            /* nur eins -> widgetID */
            //jarvis-widget-176f8801-7945-477e-b9ee-e716ca54c483
            .jarvis-widget-container .jarvis-widget-176f8801-7945-477e-b9ee-e716ca54c483 {
            	background-color: rgba(0,0,0,0.15) !important;
            }
            

            NUC i7 64GB mit Proxmox ---- Jarvis Infos Aktualisierungen der Doku auf Instagram verfolgen -> mcuiobroker Instagram
            Wenn Euch mein Vorschlag geholfen hat, bitte rechts "^" klicken.

            M 1 Antwort Letzte Antwort
            0
            • M MCU

              @marsmännchen Dann so

              /* alle StateHTMLs */
              .jarvis-widget-container .jarvis-widget-module-StateHTML {
              	background-color: rgba(0,0,0,0.15) !important;
              }
              
              /* nur eins -> widgetID */
              //jarvis-widget-176f8801-7945-477e-b9ee-e716ca54c483
              .jarvis-widget-container .jarvis-widget-176f8801-7945-477e-b9ee-e716ca54c483 {
              	background-color: rgba(0,0,0,0.15) !important;
              }
              
              M Offline
              M Offline
              marsmännchen
              schrieb am zuletzt editiert von
              #525

              @mcu
              Leider nur so:

              .jarvis-widget-container {
              	background-color: rgba(0,0,0,0.15) !important;
              }
              

              Mit ID nicht mehr:

              .jarvis-widget-container .jarvis-widget-60ae5b39-2475-49dd-b9e2-2d639a6d453c {
              	background-color: rgba(0,0,0,0.15) !important;
              }
              

              Raspberry Pi 4 8GB, Debian 11, js-controller: 5.0.12, Nodejs: v18.18.2, NPM: 9.8.1 (Multihost),
              Wago PFC200 mit Dali Lichtsteuerung.

              M 1 Antwort Letzte Antwort
              0
              • M marsmännchen

                @mcu
                Leider nur so:

                .jarvis-widget-container {
                	background-color: rgba(0,0,0,0.15) !important;
                }
                

                Mit ID nicht mehr:

                .jarvis-widget-container .jarvis-widget-60ae5b39-2475-49dd-b9e2-2d639a6d453c {
                	background-color: rgba(0,0,0,0.15) !important;
                }
                
                M Online
                M Online
                MCU
                schrieb am zuletzt editiert von MCU
                #526

                @marsmännchen Geht anscheinend nicht.

                
                .jarvis-widget-container {
                	background-color: rgba(0,0,0,0.15) !important;
                }
                /* alle anderen Widget Background undurchsichtig schwarz */
                .body--dark .jarvis-widget {
                	background: rgba(0,0,0,1);
                }
                /* nur ein Widget durchsichtig */
                .body--dark  .jarvis-widget-176f8801-7945-477e-b9ee-e716ca54c483 {
                	background: rgba(0,0,0,0.15);
                }
                
                

                NUC i7 64GB mit Proxmox ---- Jarvis Infos Aktualisierungen der Doku auf Instagram verfolgen -> mcuiobroker Instagram
                Wenn Euch mein Vorschlag geholfen hat, bitte rechts "^" klicken.

                M 1 Antwort Letzte Antwort
                1
                • M MCU

                  @marsmännchen Geht anscheinend nicht.

                  
                  .jarvis-widget-container {
                  	background-color: rgba(0,0,0,0.15) !important;
                  }
                  /* alle anderen Widget Background undurchsichtig schwarz */
                  .body--dark .jarvis-widget {
                  	background: rgba(0,0,0,1);
                  }
                  /* nur ein Widget durchsichtig */
                  .body--dark  .jarvis-widget-176f8801-7945-477e-b9ee-e716ca54c483 {
                  	background: rgba(0,0,0,0.15);
                  }
                  
                  
                  M Offline
                  M Offline
                  marsmännchen
                  schrieb am zuletzt editiert von
                  #527

                  @mcu
                  Ok, Danke trotzdem.
                  Ich gebe NUR das ein:

                  .jarvis-widget-container {
                  	background-color: rgba(0,0,0,0.15) !important;
                  }
                  

                  Dann hab ich es bei allen StateHTML. Das wäre im Moment kein Problem.
                  Aber eine Frage bitte, um das irgendwann mal selbstständig hin zu bekommen:
                  Woher hast du diese Angaben?
                  Wenn ich mit F12 (Untersuchen) mir die Seite ansehe bekomme ich keine Klasse namens .jarvis-widget-container.
                  Oder muss man da irgendwie tiefer ins Detail schauen?

                  Raspberry Pi 4 8GB, Debian 11, js-controller: 5.0.12, Nodejs: v18.18.2, NPM: 9.8.1 (Multihost),
                  Wago PFC200 mit Dali Lichtsteuerung.

                  M 1 Antwort Letzte Antwort
                  0
                  • M marsmännchen

                    @mcu
                    Ok, Danke trotzdem.
                    Ich gebe NUR das ein:

                    .jarvis-widget-container {
                    	background-color: rgba(0,0,0,0.15) !important;
                    }
                    

                    Dann hab ich es bei allen StateHTML. Das wäre im Moment kein Problem.
                    Aber eine Frage bitte, um das irgendwann mal selbstständig hin zu bekommen:
                    Woher hast du diese Angaben?
                    Wenn ich mit F12 (Untersuchen) mir die Seite ansehe bekomme ich keine Klasse namens .jarvis-widget-container.
                    Oder muss man da irgendwie tiefer ins Detail schauen?

                    M Online
                    M Online
                    MCU
                    schrieb am zuletzt editiert von MCU
                    #528

                    @marsmännchen
                    d35bcfb5-cbf2-4cc6-8720-cadec3420454-image.png
                    Wo schaust du nach?

                    NUC i7 64GB mit Proxmox ---- Jarvis Infos Aktualisierungen der Doku auf Instagram verfolgen -> mcuiobroker Instagram
                    Wenn Euch mein Vorschlag geholfen hat, bitte rechts "^" klicken.

                    M 1 Antwort Letzte Antwort
                    0
                    • M MCU

                      @marsmännchen
                      d35bcfb5-cbf2-4cc6-8720-cadec3420454-image.png
                      Wo schaust du nach?

                      M Offline
                      M Offline
                      marsmännchen
                      schrieb am zuletzt editiert von marsmännchen
                      #529

                      @mcu state1.PNG

                      Da halt "irgendwo"

                      Raspberry Pi 4 8GB, Debian 11, js-controller: 5.0.12, Nodejs: v18.18.2, NPM: 9.8.1 (Multihost),
                      Wago PFC200 mit Dali Lichtsteuerung.

                      M 1 Antwort Letzte Antwort
                      0
                      • M marsmännchen

                        @mcu state1.PNG

                        Da halt "irgendwo"

                        M Online
                        M Online
                        MCU
                        schrieb am zuletzt editiert von
                        #530

                        @marsmännchen
                        c7ab410e-489d-402c-8f59-29502d402260-image.png

                        NUC i7 64GB mit Proxmox ---- Jarvis Infos Aktualisierungen der Doku auf Instagram verfolgen -> mcuiobroker Instagram
                        Wenn Euch mein Vorschlag geholfen hat, bitte rechts "^" klicken.

                        M 1 Antwort Letzte Antwort
                        1
                        • M MCU

                          @marsmännchen
                          c7ab410e-489d-402c-8f59-29502d402260-image.png

                          M Offline
                          M Offline
                          marsmännchen
                          schrieb am zuletzt editiert von
                          #531

                          @mcu
                          Ja, ok. Gar nicht so einfach. Hier hab ich scheinbar ein paar der benötigten Klassen.state2.PNG

                          Raspberry Pi 4 8GB, Debian 11, js-controller: 5.0.12, Nodejs: v18.18.2, NPM: 9.8.1 (Multihost),
                          Wago PFC200 mit Dali Lichtsteuerung.

                          M 1 Antwort Letzte Antwort
                          0
                          • M marsmännchen

                            @mcu
                            Ja, ok. Gar nicht so einfach. Hier hab ich scheinbar ein paar der benötigten Klassen.state2.PNG

                            M Offline
                            M Offline
                            marsmännchen
                            schrieb am zuletzt editiert von marsmännchen
                            #532

                            @MCU

                            Wollte nur meine Aussage korrigieren:

                            /*widget ID StateHTML1 transparent*/
                            .body--dark  .jarvis-widget-60ae5b39-2475-49dd-b9e2-2d639a6d453c {
                            	background: rgba(0,0,0,0.15);
                            }
                            /*widget ID StateHTML2 transparent*/
                            .body--dark  .jarvis-widget-de0f5f30-ca4e-4011-8faf-a4987ca9f91a {
                            	background: rgba(0,0,0,0.15);
                            }
                            
                            .jarvis-widget-container {
                            	background-color: rgba(0,0,0,0.15) !important;
                            }
                            
                            

                            Funktioniert doch!
                            Beide Widgets transparent, die ohne Eintrag im Styles bleiben normal.
                            Weiß auch nicht was ich vorher falsch hatte.

                            Raspberry Pi 4 8GB, Debian 11, js-controller: 5.0.12, Nodejs: v18.18.2, NPM: 9.8.1 (Multihost),
                            Wago PFC200 mit Dali Lichtsteuerung.

                            1 Antwort Letzte Antwort
                            0
                            • M Offline
                              M Offline
                              marsmännchen
                              schrieb am zuletzt editiert von
                              #533

                              Hier bin ich wieder...:face_with_rolling_eyes:

                              Ich komme von selber nicht drauf wie ich ein base64 icon in einem HomeKitTile blinken lassen kann.
                              Gibt man in der Anzeigevariante z.b:

                              {"0":"<span class='blink'>heute</span>","12":"<span class='blink'>morgen</span>"}
                              

                              Blinkt nur das "heute" oder "morgen".

                              blinken2.PNG Ich würde gerne die Mülltonne auch, oder noch besser das ganze HomeKitTile blinken lassen. Oder rot pulsieren.
                              Welche Möglichkeit hätte ich da?
                              Gruß
                              Patrick

                              Raspberry Pi 4 8GB, Debian 11, js-controller: 5.0.12, Nodejs: v18.18.2, NPM: 9.8.1 (Multihost),
                              Wago PFC200 mit Dali Lichtsteuerung.

                              M 1 Antwort Letzte Antwort
                              0
                              • M marsmännchen

                                Hier bin ich wieder...:face_with_rolling_eyes:

                                Ich komme von selber nicht drauf wie ich ein base64 icon in einem HomeKitTile blinken lassen kann.
                                Gibt man in der Anzeigevariante z.b:

                                {"0":"<span class='blink'>heute</span>","12":"<span class='blink'>morgen</span>"}
                                

                                Blinkt nur das "heute" oder "morgen".

                                blinken2.PNG Ich würde gerne die Mülltonne auch, oder noch besser das ganze HomeKitTile blinken lassen. Oder rot pulsieren.
                                Welche Möglichkeit hätte ich da?
                                Gruß
                                Patrick

                                M Online
                                M Online
                                MCU
                                schrieb am zuletzt editiert von
                                #534

                                @marsmännchen
                                Body Stil

                                {"default":{"animation":"blink 2s linear infinite"}}
                                

                                NUC i7 64GB mit Proxmox ---- Jarvis Infos Aktualisierungen der Doku auf Instagram verfolgen -> mcuiobroker Instagram
                                Wenn Euch mein Vorschlag geholfen hat, bitte rechts "^" klicken.

                                M 1 Antwort Letzte Antwort
                                0
                                • M MCU

                                  @marsmännchen
                                  Body Stil

                                  {"default":{"animation":"blink 2s linear infinite"}}
                                  
                                  M Offline
                                  M Offline
                                  marsmännchen
                                  schrieb am zuletzt editiert von
                                  #535

                                  @mcu
                                  Hallo,
                                  Geräte-> Body Stil
                                  tut sich nichts.

                                  blinken3.PNG Kann das daran liegen das ich in Styles:

                                  .blink {
                                  	animation: blinker 2s linear infinite;
                                  }
                                  
                                  @keyframes blinker {
                                  	50% {
                                  		opacity: 0;
                                  	}
                                  }
                                  

                                  eingetragen habe?

                                  Raspberry Pi 4 8GB, Debian 11, js-controller: 5.0.12, Nodejs: v18.18.2, NPM: 9.8.1 (Multihost),
                                  Wago PFC200 mit Dali Lichtsteuerung.

                                  M 1 Antwort Letzte Antwort
                                  0
                                  • M marsmännchen

                                    @mcu
                                    Hallo,
                                    Geräte-> Body Stil
                                    tut sich nichts.

                                    blinken3.PNG Kann das daran liegen das ich in Styles:

                                    .blink {
                                    	animation: blinker 2s linear infinite;
                                    }
                                    
                                    @keyframes blinker {
                                    	50% {
                                    		opacity: 0;
                                    	}
                                    }
                                    

                                    eingetragen habe?

                                    M Online
                                    M Online
                                    MCU
                                    schrieb am zuletzt editiert von
                                    #536

                                    @marsmännchen Dann hinter dem Icon (base64) Leerzeichen + blink setzen.

                                    NUC i7 64GB mit Proxmox ---- Jarvis Infos Aktualisierungen der Doku auf Instagram verfolgen -> mcuiobroker Instagram
                                    Wenn Euch mein Vorschlag geholfen hat, bitte rechts "^" klicken.

                                    M 1 Antwort Letzte Antwort
                                    0
                                    • M MCU

                                      @marsmännchen Dann hinter dem Icon (base64) Leerzeichen + blink setzen.

                                      M Offline
                                      M Offline
                                      marsmännchen
                                      schrieb am zuletzt editiert von
                                      #537

                                      @mcu
                                      Ok sorry, da hab ich wohl vergessen etwas zu erwähnen.
                                      Wenn der Datenpunkt "trashschedule.0.type.biomüll.daysLeft" <2 ist.
                                      Dann soll es blinken.

                                      Raspberry Pi 4 8GB, Debian 11, js-controller: 5.0.12, Nodejs: v18.18.2, NPM: 9.8.1 (Multihost),
                                      Wago PFC200 mit Dali Lichtsteuerung.

                                      M 1 Antwort Letzte Antwort
                                      0
                                      • M marsmännchen

                                        @mcu
                                        Ok sorry, da hab ich wohl vergessen etwas zu erwähnen.
                                        Wenn der Datenpunkt "trashschedule.0.type.biomüll.daysLeft" <2 ist.
                                        Dann soll es blinken.

                                        M Online
                                        M Online
                                        MCU
                                        schrieb am zuletzt editiert von MCU
                                        #538

                                        @marsmännchen Ja dann im Icon

                                        {"{trashschedule.0.type.biomüll.daysLeft}<2":"base64 blink","default":"base64"}
                                        

                                        NUC i7 64GB mit Proxmox ---- Jarvis Infos Aktualisierungen der Doku auf Instagram verfolgen -> mcuiobroker Instagram
                                        Wenn Euch mein Vorschlag geholfen hat, bitte rechts "^" klicken.

                                        M 1 Antwort Letzte Antwort
                                        1
                                        • M MCU

                                          @marsmännchen Ja dann im Icon

                                          {"{trashschedule.0.type.biomüll.daysLeft}<2":"base64 blink","default":"base64"}
                                          
                                          M Offline
                                          M Offline
                                          marsmännchen
                                          schrieb am zuletzt editiert von
                                          #539

                                          @mcu
                                          Nein, auch nichts.
                                          Wenn ich bei Icon folgendes eingebe (gekürzte fassung):

                                          {"default":"data:image/png;base64,iVBORw0KG.....AAElFTkSuQmCC"}
                                          

                                          müsste es doch dauernd blinken. Oder habe ich einen Syntaxfehler?

                                          Raspberry Pi 4 8GB, Debian 11, js-controller: 5.0.12, Nodejs: v18.18.2, NPM: 9.8.1 (Multihost),
                                          Wago PFC200 mit Dali Lichtsteuerung.

                                          M 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

                                          855

                                          Online

                                          32.4k

                                          Benutzer

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