Skip to content
  • Home
  • 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
ioBroker Logo

Community Forum

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

NEWS

  • Monatsrückblick Januar/Februar 2026 ist online!
    BluefoxB
    Bluefox
    17
    1
    381

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

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

jarvis v3.0.0 - just another remarkable vis

Scheduled Pinned Locked Moved Tester
jarvismaterialmaterial uimaterialdesignvisvisualisierungvisualization
4.5k Posts 254 Posters 2.8m Views 209 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.
  • Dominik F.D Dominik F.

    @mcu

    Ich bin immer noch bei den Farben^^

    Damit kann ich ja bei einem Label die Hintergrundfarbe ändern:

    [widgets="id"] .q-item--dark {
    background-color: blue;
    }

    Was muss ich unter ID eingeben, wenn ich alle bei allen Labels die Farbe ändern möchte?

    M Offline
    M Offline
    MCU
    wrote on last edited by
    #1142

    @dominik-f Dann muss die Eingrenzung vom Widget weg:

    .q-item--dark {
         background-color: blue;
    }
    

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

    Dominik F.D 1 Reply Last reply
    0
    • M MCU

      @dominik-f Dann muss die Eingrenzung vom Widget weg:

      .q-item--dark {
           background-color: blue;
      }
      
      Dominik F.D Offline
      Dominik F.D Offline
      Dominik F.
      wrote on last edited by
      #1143

      @mcu

      Ich habe nun folgende CSS Klassen drin stehen:

      .jarvis-widget-header {
      	background-color: #303030;
      }
      
      .jarvis-tabs {
      	background-color: #303030;
      }
      
      .jarvis-sidebar {
      	background-color: #303030;
      }
      
      .q-item--dark {
      	background-color: #121212;
      }
      

      Durch hinzufügen des letzten Eintrags wurde der erste Eintrag überschrieben und nur ein Teil des "Tabs", ich hoffe ich benenne das richtig, hat die Farbe angenommen:
      Unbenannt.PNG

      M 1 Reply Last reply
      0
      • Dominik F.D Dominik F.

        @mcu

        Ich habe nun folgende CSS Klassen drin stehen:

        .jarvis-widget-header {
        	background-color: #303030;
        }
        
        .jarvis-tabs {
        	background-color: #303030;
        }
        
        .jarvis-sidebar {
        	background-color: #303030;
        }
        
        .q-item--dark {
        	background-color: #121212;
        }
        

        Durch hinzufügen des letzten Eintrags wurde der erste Eintrag überschrieben und nur ein Teil des "Tabs", ich hoffe ich benenne das richtig, hat die Farbe angenommen:
        Unbenannt.PNG

        M Offline
        M Offline
        MCU
        wrote on last edited by MCU
        #1144

        @dominik-f Wie soll es aussehen?
        Nimm erst markante Farben rot,gelb,grün.
        1a5eecfc-3b92-4efa-87d9-35bbb5f85cae-image.png
        TAB:

        243f43df-d6b9-434d-891f-9053ed8dafda-image.png
        Widget:

        340a1c92-c704-43a6-8d0d-b15207d624ad-image.png

        StateList:

        033182b1-7502-45a1-b129-fed1e35d0fb8-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.

        Dominik F.D 1 Reply Last reply
        0
        • M MCU

          @dominik-f Wie soll es aussehen?
          Nimm erst markante Farben rot,gelb,grün.
          1a5eecfc-3b92-4efa-87d9-35bbb5f85cae-image.png
          TAB:

          243f43df-d6b9-434d-891f-9053ed8dafda-image.png
          Widget:

          340a1c92-c704-43a6-8d0d-b15207d624ad-image.png

          StateList:

          033182b1-7502-45a1-b129-fed1e35d0fb8-image.png

          Dominik F.D Offline
          Dominik F.D Offline
          Dominik F.
          wrote on last edited by Dominik F.
          #1145

          @mcu

          Also ich versuche das farblich nachzubauen:

          Unbenannt.PNG

          Bisher ist das das Ergebnis:

          Unbenannt.PNG

          Das heisst, ich möchte den kompletten Hintergrund der Widgets auf den Tabs etwas heller machen und danach wollte ich mich dran setzen, die Schriftfarbe etwas dunkler zu machen.

          Ich habe dazu folgendes in der Info gefunden:
          https://mcuiobroker.gitbook.io/jarvis-infos/jarvis/besonderheiten-v3/styles/seitenhintergrund

          .jarvis-page-887349d5-d5b7-408c-99a7-73a2a72b7194 .jarvis-widget-container {
          	/* display: none !important; */
          	background: darkgreen !important;
          }
          

          Da weiß ich nicht was display none bedeuten soll und was ich als Page ID nehmen muss

          M 1 Reply Last reply
          0
          • Dominik F.D Dominik F.

            @mcu

            Also ich versuche das farblich nachzubauen:

            Unbenannt.PNG

            Bisher ist das das Ergebnis:

            Unbenannt.PNG

            Das heisst, ich möchte den kompletten Hintergrund der Widgets auf den Tabs etwas heller machen und danach wollte ich mich dran setzen, die Schriftfarbe etwas dunkler zu machen.

            Ich habe dazu folgendes in der Info gefunden:
            https://mcuiobroker.gitbook.io/jarvis-infos/jarvis/besonderheiten-v3/styles/seitenhintergrund

            .jarvis-page-887349d5-d5b7-408c-99a7-73a2a72b7194 .jarvis-widget-container {
            	/* display: none !important; */
            	background: darkgreen !important;
            }
            

            Da weiß ich nicht was display none bedeuten soll und was ich als Page ID nehmen muss

            M Offline
            M Offline
            MCU
            wrote on last edited by MCU
            #1146

            @dominik-f display:none bedeutet dass das Objekt ausgeblendet wird.
            Page-Id ist im Layout Seite->ID
            1888c470-e4af-4b9d-a9f0-922a83342531-image.png

            bsilang:

            .jarvis-widget-header {
            	background-color: #303030 !important;
            }
            
            .jarvis-tabs {
            	background-color: #303030;
            }
            
            .jarvis-sidebar {
            	background-color: #303030;
            }
            
            .q-item--dark {
            	background-color: #121212;
            }
            
            .jarvis-widget-module-StateList {
            	background-color: #121212;
            }
            

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

            Dominik F.D 1 Reply Last reply
            0
            • M MCU

              @dominik-f display:none bedeutet dass das Objekt ausgeblendet wird.
              Page-Id ist im Layout Seite->ID
              1888c470-e4af-4b9d-a9f0-922a83342531-image.png

              bsilang:

              .jarvis-widget-header {
              	background-color: #303030 !important;
              }
              
              .jarvis-tabs {
              	background-color: #303030;
              }
              
              .jarvis-sidebar {
              	background-color: #303030;
              }
              
              .q-item--dark {
              	background-color: #121212;
              }
              
              .jarvis-widget-module-StateList {
              	background-color: #121212;
              }
              
              Dominik F.D Offline
              Dominik F.D Offline
              Dominik F.
              wrote on last edited by
              #1147

              @mcu

              Ich hab die Farben wie du sagtest jetzt mal deutlicher abgerenzt damit man es besser erkennen kann.

              .j.jarvis-widget-header {
              	background-color: #303030 !important;
              }
              
              .jarvis-tabs {
              	background-color: #303030;
              }
              
              .jarvis-sidebar {
              	background-color: #303030;
              }
              
              .q-item--dark {
              	background-color: darkgreen;
              }
              
              .jarvis-widget-module-StateList {
              	background-color: darkgreen;
              }
              

              Der Header wird jedoch wieder überschrieben:
              Unbenannt.PNG

              M 1 Reply Last reply
              0
              • Dominik F.D Dominik F.

                @mcu

                Ich hab die Farben wie du sagtest jetzt mal deutlicher abgerenzt damit man es besser erkennen kann.

                .j.jarvis-widget-header {
                	background-color: #303030 !important;
                }
                
                .jarvis-tabs {
                	background-color: #303030;
                }
                
                .jarvis-sidebar {
                	background-color: #303030;
                }
                
                .q-item--dark {
                	background-color: darkgreen;
                }
                
                .jarvis-widget-module-StateList {
                	background-color: darkgreen;
                }
                

                Der Header wird jedoch wieder überschrieben:
                Unbenannt.PNG

                M Offline
                M Offline
                MCU
                wrote on last edited by MCU
                #1148

                @dominik-f Falsch eingefügt:
                b6bfdcc2-de4c-460a-82ff-556124c82d4b-image.png
                d6b8a0d0-9d4a-495d-bf08-1ae94add2fbe-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.

                Dominik F.D 1 Reply Last reply
                0
                • M MCU

                  @dominik-f Falsch eingefügt:
                  b6bfdcc2-de4c-460a-82ff-556124c82d4b-image.png
                  d6b8a0d0-9d4a-495d-bf08-1ae94add2fbe-image.png

                  Dominik F.D Offline
                  Dominik F.D Offline
                  Dominik F.
                  wrote on last edited by
                  #1149

                  @mcu

                  Das wars , dank dir. Warum musste im ersten das !important hin?

                  Kannst du mir eventuell n Link geben, wo ich mich über die Farben der Schriften informieren kann?

                  M 1 Reply Last reply
                  0
                  • Dominik F.D Dominik F.

                    @mcu

                    Das wars , dank dir. Warum musste im ersten das !important hin?

                    Kannst du mir eventuell n Link geben, wo ich mich über die Farben der Schriften informieren kann?

                    M Offline
                    M Offline
                    MCU
                    wrote on last edited by MCU
                    #1150

                    @dominik-f Ist der Link den ich dir zuerst gegeben hatte:

                    https://mcuiobroker.gitbook.io/jarvis-infos/jarvis/besonderheiten-v3/styles/statelist-1/label#widgets-id-.q-item__section.column-.q-item__label
                    Da sich aber auch jarvis immer wieder weiterentwickelt, sind einige Beschreibungen nicht mehr 100%-ig korrekt, dann informieren und ich werde es korrigieren.
                    Aber probieren, und wenn es nicht klappt, suchen wir gemeinsam eine Lösung.

                    Ergänzen:

                    
                    .jarvis-StateListItem-Body {
                    	color: darkgreen;
                    	font-weight: bold;
                    }
                    
                    .q-item__label--caption .text-caption {
                    	color: darkgreen;
                    }
                    

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

                    Dominik F.D 1 Reply Last reply
                    1
                    • M MCU

                      @dominik-f Ist der Link den ich dir zuerst gegeben hatte:

                      https://mcuiobroker.gitbook.io/jarvis-infos/jarvis/besonderheiten-v3/styles/statelist-1/label#widgets-id-.q-item__section.column-.q-item__label
                      Da sich aber auch jarvis immer wieder weiterentwickelt, sind einige Beschreibungen nicht mehr 100%-ig korrekt, dann informieren und ich werde es korrigieren.
                      Aber probieren, und wenn es nicht klappt, suchen wir gemeinsam eine Lösung.

                      Ergänzen:

                      
                      .jarvis-StateListItem-Body {
                      	color: darkgreen;
                      	font-weight: bold;
                      }
                      
                      .q-item__label--caption .text-caption {
                      	color: darkgreen;
                      }
                      
                      Dominik F.D Offline
                      Dominik F.D Offline
                      Dominik F.
                      wrote on last edited by Dominik F.
                      #1151

                      @mcu

                      Das hat super geklappt, jetzt kann ich erstmal rumspielen :)

                      Du hast ja weiter oben mal gesagt du freust dich über Feedback für die Anleitung:
                      Mir hätte es auf jedenfall geholfen bzw. als newbie einfacher gemacht, wenn es einfach einen Punkt Farben gegeben hätte mit Unterpunkten zu Label, Widget etc.

                      M 1 Reply Last reply
                      1
                      • Dominik F.D Dominik F.

                        @mcu

                        Das hat super geklappt, jetzt kann ich erstmal rumspielen :)

                        Du hast ja weiter oben mal gesagt du freust dich über Feedback für die Anleitung:
                        Mir hätte es auf jedenfall geholfen bzw. als newbie einfacher gemacht, wenn es einfach einen Punkt Farben gegeben hätte mit Unterpunkten zu Label, Widget etc.

                        M Offline
                        M Offline
                        MCU
                        wrote on last edited by
                        #1152

                        @dominik-f Falls dir Fehler in der Doku auffallen, bitte direkt hier eine kurze Info. Danke.

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

                        Dominik F.D 1 Reply Last reply
                        0
                        • M MCU

                          @dominik-f Falls dir Fehler in der Doku auffallen, bitte direkt hier eine kurze Info. Danke.

                          Dominik F.D Offline
                          Dominik F.D Offline
                          Dominik F.
                          wrote on last edited by
                          #1153

                          @mcu

                          Mache ich....nur jetzt am Anfang wird der Fehler meistens immer vor dem Bildschirm sitzen :D

                          1 Reply Last reply
                          0
                          • ZefauZ Zefau

                            @sigi234 sind keine validen Datenpunkte, also der Wert ist null. Ggf. sind das nur Trigger, die du aber bei der Datenpunkt-Anzeige drin hast?

                            S Offline
                            S Offline
                            SevenUp
                            wrote on last edited by
                            #1154

                            @zefau said in jarvis v3.0.0 - just another remarkable vis:

                            @sigi234 sind keine validen Datenpunkte, also der Wert ist null. Ggf. sind das nur Trigger, die du aber bei der Datenpunkt-Anzeige drin hast?

                            ich greife das Thema mal auf, da ich auch das Problem habe, und zwar mit vieeeelen Datenpunkten:
                            1.png

                            Trigger ist es nicht. Den z.B. beim im Log markierten Eintrag möchte ich tatsächlich in VIS sehen, ob der Sensor erreichbar ist, oder nicht. In jarvis sieht er dann so aus:
                            2.png

                            -> was muss ich hier nun machen?

                            1 Reply Last reply
                            0
                            • R Offline
                              R Offline
                              RkcCorian
                              wrote on last edited by
                              #1155

                              @Zefau : Moin! Bevor ich es unnötig versuche... ein Backup über BackItUp funktioniert?! Viele Grüße!

                              M 1 Reply Last reply
                              0
                              • hssteuerungH Offline
                                hssteuerungH Offline
                                hssteuerung
                                wrote on last edited by
                                #1156

                                @Zefau : kann man eigentlich Tabs oder Seiten auch verstecken?

                                M 1 Reply Last reply
                                0
                                • hssteuerungH hssteuerung

                                  @Zefau : kann man eigentlich Tabs oder Seiten auch verstecken?

                                  M Offline
                                  M Offline
                                  MCU
                                  wrote on last edited by
                                  #1157

                                  @hssteuerung
                                  Seite
                                  https://mcuiobroker.gitbook.io/jarvis-infos/jarvis/besonderheiten-v3/styles/seitenhintergrund#seiten-ausblenden
                                  TAB
                                  https://mcuiobroker.gitbook.io/jarvis-infos/jarvis/besonderheiten-v3/styles/tabs#tab-verschwinden-lassen

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

                                  1 Reply Last reply
                                  0
                                  • R RkcCorian

                                    @Zefau : Moin! Bevor ich es unnötig versuche... ein Backup über BackItUp funktioniert?! Viele Grüße!

                                    M Offline
                                    M Offline
                                    MCU
                                    wrote on last edited by MCU
                                    #1158

                                    @rkccorian
                                    Es werden die unterschiedlichen internen Sicherungen von jarvis mit Backitup 2.2.2 gesichert. 2.2.3 nicht getestet.
                                    484a4d4d-5afe-4f07-b9d9-7b3e627fa9c2-image.png
                                    jarvis muss dazu ausgewählt sein:
                                    2ddcf3eb-0fce-4e08-89de-bbba72b79e81-image.png
                                    Auch in der Hautsicherung: backup.json sind die jarvis-DPs drin (Nur zum Zeitpunkt der Sicherung):
                                    16eeb34e-e89f-4b46-af62-fd9fc96fc43f-image.png
                                    Im "val"-Wert stehen die DP-Werte
                                    4bb4b211-ec9d-4d73-966e-b64df06cef97-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.

                                    Dominik F.D 1 Reply Last reply
                                    0
                                    • M MCU

                                      @rkccorian
                                      Es werden die unterschiedlichen internen Sicherungen von jarvis mit Backitup 2.2.2 gesichert. 2.2.3 nicht getestet.
                                      484a4d4d-5afe-4f07-b9d9-7b3e627fa9c2-image.png
                                      jarvis muss dazu ausgewählt sein:
                                      2ddcf3eb-0fce-4e08-89de-bbba72b79e81-image.png
                                      Auch in der Hautsicherung: backup.json sind die jarvis-DPs drin (Nur zum Zeitpunkt der Sicherung):
                                      16eeb34e-e89f-4b46-af62-fd9fc96fc43f-image.png
                                      Im "val"-Wert stehen die DP-Werte
                                      4bb4b211-ec9d-4d73-966e-b64df06cef97-image.png

                                      Dominik F.D Offline
                                      Dominik F.D Offline
                                      Dominik F.
                                      wrote on last edited by
                                      #1159

                                      @mcu

                                      Ich bin nun bei den Bindings angelangt. Das erste hat schon mal funktioniert (Symbol auf dem Bild ist grün).

                                      Jetzt hab ich dort den Status uncertain.
                                      Unbenannt.PNG

                                      Ich würde dort gerne anstatt uncertain, in grün "an" stehen haben.
                                      Kannst du mir einen Tipp geben, wie ich das hinbekomme?

                                      M 1 Reply Last reply
                                      0
                                      • Dominik F.D Dominik F.

                                        @mcu

                                        Ich bin nun bei den Bindings angelangt. Das erste hat schon mal funktioniert (Symbol auf dem Bild ist grün).

                                        Jetzt hab ich dort den Status uncertain.
                                        Unbenannt.PNG

                                        Ich würde dort gerne anstatt uncertain, in grün "an" stehen haben.
                                        Kannst du mir einen Tipp geben, wie ich das hinbekomme?

                                        M Offline
                                        M Offline
                                        MCU
                                        wrote on last edited by MCU
                                        #1160

                                        @dominik-f uncertain ist der Wert vom Datenpunkt (ioBroker)?
                                        Anzeigewert:

                                        {"uncertain":"an","blabla":"aus"}
                                        

                                        Datenpunkt Stil:

                                        {"uncertain":{"color":"green"}}
                                        

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

                                        Dominik F.D 2 Replies Last reply
                                        0
                                        • M MCU

                                          @dominik-f uncertain ist der Wert vom Datenpunkt (ioBroker)?
                                          Anzeigewert:

                                          {"uncertain":"an","blabla":"aus"}
                                          

                                          Datenpunkt Stil:

                                          {"uncertain":{"color":"green"}}
                                          
                                          Dominik F.D Offline
                                          Dominik F.D Offline
                                          Dominik F.
                                          wrote on last edited by
                                          #1161

                                          @mcu

                                          Ja genau, dass ist der Wert den mir der Scenen adapter gibt wenn nur ein Teil der Datenpunkte true ist

                                          1 Reply Last reply
                                          0
                                          Reply
                                          • Reply as topic
                                          Log in to reply
                                          • Oldest to Newest
                                          • Newest to Oldest
                                          • Most Votes


                                          Support us

                                          ioBroker
                                          Community Adapters
                                          Donate

                                          637

                                          Online

                                          32.7k

                                          Users

                                          82.5k

                                          Topics

                                          1.3m

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

                                          • Don't have an account? Register

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