Skip to content
  • 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
  1. ioBroker Community Home
  2. Deutsch
  3. Tester
  4. jarvis v3.0.0 - 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.9k

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

jarvis v3.0.0 - just another remarkable vis

Geplant Angeheftet Gesperrt Verschoben Tester
jarvismaterialmaterial uimaterialdesignvisvisualisierungvisualization
4.5k Beiträge 254 Kommentatoren 2.7m Aufrufe 209 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 MCU

    @dominik-f Genau. Du kannst immer gerne Fragen stellen und die Doku nutzen. Wie gesagt, am besten ist es, wenn man weiß, was man möchte und dies so gut wie möglich beschreibt. Dann findet man meistens eine Lösung.

    Dominik F.D Offline
    Dominik F.D Offline
    Dominik F.
    schrieb am zuletzt editiert von
    #1141

    @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 1 Antwort Letzte Antwort
    0
    • 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 Online
      M Online
      MCU
      schrieb am zuletzt editiert von
      #1142

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

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

      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.

      Dominik F.D 1 Antwort Letzte Antwort
      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.
        schrieb am zuletzt editiert von
        #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 Antwort Letzte Antwort
        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 Online
          M Online
          MCU
          schrieb am zuletzt editiert von 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 ---- 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.

          Dominik F.D 1 Antwort Letzte Antwort
          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.
            schrieb am zuletzt editiert von 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 Antwort Letzte Antwort
            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 Online
              M Online
              MCU
              schrieb am zuletzt editiert von 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 ---- 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.

              Dominik F.D 1 Antwort Letzte Antwort
              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.
                schrieb am zuletzt editiert von
                #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 Antwort Letzte Antwort
                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 Online
                  M Online
                  MCU
                  schrieb am zuletzt editiert von 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 ---- 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.

                  Dominik F.D 1 Antwort Letzte Antwort
                  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.
                    schrieb am zuletzt editiert von
                    #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 Antwort Letzte Antwort
                    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 Online
                      M Online
                      MCU
                      schrieb am zuletzt editiert von 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 ---- 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.

                      Dominik F.D 1 Antwort Letzte Antwort
                      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.
                        schrieb am zuletzt editiert von 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 Antwort Letzte Antwort
                        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 Online
                          M Online
                          MCU
                          schrieb am zuletzt editiert von
                          #1152

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

                          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.

                          Dominik F.D 1 Antwort Letzte Antwort
                          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.
                            schrieb am zuletzt editiert von
                            #1153

                            @mcu

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

                            1 Antwort Letzte Antwort
                            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
                              schrieb am zuletzt editiert von
                              #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 Antwort Letzte Antwort
                              0
                              • R Offline
                                R Offline
                                RkcCorian
                                schrieb am zuletzt editiert von
                                #1155

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

                                M 1 Antwort Letzte Antwort
                                0
                                • hssteuerungH Offline
                                  hssteuerungH Offline
                                  hssteuerung
                                  schrieb am zuletzt editiert von
                                  #1156

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

                                  M 1 Antwort Letzte Antwort
                                  0
                                  • hssteuerungH hssteuerung

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

                                    M Online
                                    M Online
                                    MCU
                                    schrieb am zuletzt editiert von
                                    #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 ---- 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 Antwort Letzte Antwort
                                    0
                                    • R RkcCorian

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

                                      M Online
                                      M Online
                                      MCU
                                      schrieb am zuletzt editiert von 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 ---- 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.

                                      Dominik F.D 1 Antwort Letzte Antwort
                                      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.
                                        schrieb am zuletzt editiert von
                                        #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 Antwort Letzte Antwort
                                        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 Online
                                          M Online
                                          MCU
                                          schrieb am zuletzt editiert von 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 ---- 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.

                                          Dominik F.D 2 Antworten Letzte Antwort
                                          0
                                          Antworten
                                          • In einem neuen Thema antworten
                                          Anmelden zum Antworten
                                          • Älteste zuerst
                                          • Neuste zuerst
                                          • Meiste Stimmen


                                          Support us

                                          ioBroker
                                          Community Adapters
                                          Donate

                                          753

                                          Online

                                          32.4k

                                          Benutzer

                                          81.4k

                                          Themen

                                          1.3m

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

                                          • Du hast noch kein Konto? Registrieren

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