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

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

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

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

jarvis v3.0.0 - just another remarkable vis

Scheduled Pinned Locked Moved Tester
jarvismaterialmaterial uimaterialdesignvisvisualisierungvisualization
4.5k Posts 254 Posters 2.7m 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.
  • M MCU

    @johannes1702 versuch mal bitte

    var(--mycolor1)
    
    J Offline
    J Offline
    johannes1702
    wrote on last edited by
    #3350

    @mcu Leider nein :-(

    Vielleicht hilft es ja, das Symbol nimmt statt der Farbe, die ich definiere, ein Hellgrau an:

    bc14440a-b5be-46a3-9a37-4989946cb9f4-grafik.png

    M 1 Reply Last reply
    0
    • J johannes1702

      @mcu Leider nein :-(

      Vielleicht hilft es ja, das Symbol nimmt statt der Farbe, die ich definiere, ein Hellgrau an:

      bc14440a-b5be-46a3-9a37-4989946cb9f4-grafik.png

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

      @johannes1702 Meinen Fehler hattest du korrigiert?

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

      J 1 Reply Last reply
      0
      • M MCU

        @johannes1702 Meinen Fehler hattest du korrigiert?

        J Offline
        J Offline
        johannes1702
        wrote on last edited by
        #3352

        @mcu Ja ;-)

        M 1 Reply Last reply
        0
        • J johannes1702

          @mcu Ja ;-)

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

          @johannes1702 Na dann schau ich nachher ob es in der beta auch noch so ist.

          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 Reply Last reply
          1
          • M MCU

            @johannes1702 Na dann schau ich nachher ob es in der beta auch noch so ist.

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

            @mcu Man muss die Farben aus der ColorList nehmen. Andere gehen noch nicht. -> Feature Request.
            https://quasar.dev/style/color-palette#Color-List
            Könntest du aber über CSS regeln.
            Was genau soll welche Farbe (variabel) sein?
            Für alle Widgets?
            Für alle ButtonAction?
            Für alle IconButtonAction?

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

            J 1 Reply Last reply
            0
            • M MCU

              @mcu Man muss die Farben aus der ColorList nehmen. Andere gehen noch nicht. -> Feature Request.
              https://quasar.dev/style/color-palette#Color-List
              Könntest du aber über CSS regeln.
              Was genau soll welche Farbe (variabel) sein?
              Für alle Widgets?
              Für alle ButtonAction?
              Für alle IconButtonAction?

              J Offline
              J Offline
              johannes1702
              wrote on last edited by johannes1702
              #3355

              @mcu Meinst Du, dass ich aus der o.g. Liste eine Farbe im CSS angebe? Also z.B.

              :root {
                --mycolor1: "light-green";
              }
              

              Oder direkt light-green in den Komponentenoptionen?

              Letzteres hatte ich gestern auch zufällig herausgefunden, allerdings, erfüllt das nicht meinen Wunsch der Flexibilität bzw. Nutzung einer Variable. Sollte ich die Farbe ändern wollen, muss ich halt jedes Element anpacken. :-(

              Achso... PS: Muss hier mal anmerken, was JarVIS einfach für eine geniale Entwicklung ist. :-D So viele tolle Möglichkeiten und funktionen und einfach super hilfsbereite User/Entwickler! :+1:

              M 1 Reply Last reply
              1
              • J johannes1702

                @mcu Meinst Du, dass ich aus der o.g. Liste eine Farbe im CSS angebe? Also z.B.

                :root {
                  --mycolor1: "light-green";
                }
                

                Oder direkt light-green in den Komponentenoptionen?

                Letzteres hatte ich gestern auch zufällig herausgefunden, allerdings, erfüllt das nicht meinen Wunsch der Flexibilität bzw. Nutzung einer Variable. Sollte ich die Farbe ändern wollen, muss ich halt jedes Element anpacken. :-(

                Achso... PS: Muss hier mal anmerken, was JarVIS einfach für eine geniale Entwicklung ist. :-D So viele tolle Möglichkeiten und funktionen und einfach super hilfsbereite User/Entwickler! :+1:

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

                @johannes1702 In IconButtonAction kann man nur die Farben konkret angeben.
                Andere Variante ist die Farbe dem Icon per CSS zuzuordnen.
                Da versuche ich es variabel zu bekommen.
                Funktioniert noch nicht wie ich es dachte.

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

                J 1 Reply Last reply
                1
                • M MCU

                  @johannes1702 In IconButtonAction kann man nur die Farben konkret angeben.
                  Andere Variante ist die Farbe dem Icon per CSS zuzuordnen.
                  Da versuche ich es variabel zu bekommen.
                  Funktioniert noch nicht wie ich es dachte.

                  J Offline
                  J Offline
                  johannes1702
                  wrote on last edited by
                  #3357

                  @mcu Dann über ich mich mal etwas in Geduld. Also wenn das so gehen würde, wie wir es heute probiert haben, dann wäre das natürlich die perfekte Lösung :-D

                  M 1 Reply Last reply
                  0
                  • J johannes1702

                    @mcu Dann über ich mich mal etwas in Geduld. Also wenn das so gehen würde, wie wir es heute probiert haben, dann wäre das natürlich die perfekte Lösung :-D

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

                    @johannes1702 So welche IconButtonAction sollen gleiche farben haben?
                    Alle?
                    Geht erst mit v3.1.x, da erst dort Klassen für die Schaltzustände drin sind.
                    Bei v3.0.1x ist es wesentlich komplizierter. Man muss dort den IconNamen als Klasse/Selektor berücksichtigen. Das geht also, wenn man für an und aus immer die gleichen Icons verwendet.
                    v3.1.x
                    https://mcuiobroker.gitbook.io/jarvis-infos/jarvis/besonderheiten-v3/styles/iconbuttonaction#v3.1.x-farbeinstellungen-zum-icon-anpassen
                    v3.0.1x
                    https://mcuiobroker.gitbook.io/jarvis-infos/jarvis/besonderheiten-v3/styles/iconbuttonaction#v3.0.1x-variable-farbeinstellung-zum-icon

                    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
                    • S Online
                      S Online
                      SlipKoRn_DH88
                      wrote on last edited by
                      #3359

                      Jarvis als Desktop-Hintergrund

                      Ich habe eine Möglichkeit gefunden, Jarvis (bzw. auch andere VIS) per URL als Desktophintergrund am PC einzurichten. Möglicherweise ist dies ja auch für euch interessant und kann in die Doku aufgenommen werden. @MCU

                      Hierfür nutze ich das Programm "Wallpaper Engine" über Steam. Dieses gibt`s für kleines Geld zu erwerben.

                      1. Hintergrund öffnen
                        ee85a171-3d2a-4a81-93e3-29392804077b-1.jpg

                      2. Von URL öffnen
                        b19acff6-e1e6-4e52-b3da-88516daf244c-2.jpg

                      3. URL zur VIS eintragen
                        598be4f4-306d-47b0-8de6-edb150a421b4-3.jpg

                      Lediglich ein Manko hat es, wenn man eine Visualisierung besitzt, welche zu scrollen ist. Hier muss in Jarvis der Scrollbalken aktiviert werden. Scrollen mit dem Mausrad auf dem Desktop funktioniert nicht. Hier muss man mit Klicken in der Scrollleiste sich bewegen.

                      M 1 Reply Last reply
                      0
                      • S SlipKoRn_DH88

                        Jarvis als Desktop-Hintergrund

                        Ich habe eine Möglichkeit gefunden, Jarvis (bzw. auch andere VIS) per URL als Desktophintergrund am PC einzurichten. Möglicherweise ist dies ja auch für euch interessant und kann in die Doku aufgenommen werden. @MCU

                        Hierfür nutze ich das Programm "Wallpaper Engine" über Steam. Dieses gibt`s für kleines Geld zu erwerben.

                        1. Hintergrund öffnen
                          ee85a171-3d2a-4a81-93e3-29392804077b-1.jpg

                        2. Von URL öffnen
                          b19acff6-e1e6-4e52-b3da-88516daf244c-2.jpg

                        3. URL zur VIS eintragen
                          598be4f4-306d-47b0-8de6-edb150a421b4-3.jpg

                        Lediglich ein Manko hat es, wenn man eine Visualisierung besitzt, welche zu scrollen ist. Hier muss in Jarvis der Scrollbalken aktiviert werden. Scrollen mit dem Mausrad auf dem Desktop funktioniert nicht. Hier muss man mit Klicken in der Scrollleiste sich bewegen.

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

                        @slipkorn_dh88 Kannst du evtl ein GIF erstellen, wo man den kompletten Prozess sehen kann. screentogif?

                        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
                        • S Online
                          S Online
                          SlipKoRn_DH88
                          wrote on last edited by SlipKoRn_DH88
                          #3361

                          @mcu
                          Untitled (1).webm
                          Bekomme es leider nicht anders hin, da die Datei sonst die erlaubte Forumsgröße stark übersteigt.

                          M 1 Reply Last reply
                          0
                          • S SlipKoRn_DH88

                            @mcu
                            Untitled (1).webm
                            Bekomme es leider nicht anders hin, da die Datei sonst die erlaubte Forumsgröße stark übersteigt.

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

                            @slipkorn_dh88 Danke. Wird jarvis nicht komplett auf dem Monitor dargestellt?

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

                            S 1 Reply Last reply
                            0
                            • M MCU

                              @slipkorn_dh88 Danke. Wird jarvis nicht komplett auf dem Monitor dargestellt?

                              S Online
                              S Online
                              SlipKoRn_DH88
                              wrote on last edited by
                              #3363

                              @mcu Doch doch, es wird komplett dargestellt. Ich habe nur das Bild beim Aufnehmen beschnitten (Private Daten).

                              M 1 Reply Last reply
                              0
                              • J Offline
                                J Offline
                                johannes1702
                                wrote on last edited by
                                #3364

                                @mcu Ich habe es mal für mich basierend auf der Doku für 3.0.1x angepasst:

                                :root {
                                  --mycolor1: light-green;
                                  --mycolor2: amber;
                                }
                                
                                /* oder wenn man power-off verwendet hat -> mdi-power-off */
                                
                                .jarvis-ButtonAction .jarvis-icon .material-symbols-square-rounded { 
                                	color: var(--mycolor1);
                                }
                                
                                .jarvis-ButtonAction .jarvis-icon .material-symbols-square-outline-rounded {
                                	color: var(--mycolor2);
                                }
                                
                                

                                Leider funktioniert es nicht. Es tut sich gar nichts. :-( Wenn dir noch was auffält, dann sag gerne Bescheid, ansonsten probiere ich es nochmal, wenn die v3.1.x aus der Beta raus ist. :-)

                                M 1 Reply Last reply
                                0
                                • J johannes1702

                                  @mcu Ich habe es mal für mich basierend auf der Doku für 3.0.1x angepasst:

                                  :root {
                                    --mycolor1: light-green;
                                    --mycolor2: amber;
                                  }
                                  
                                  /* oder wenn man power-off verwendet hat -> mdi-power-off */
                                  
                                  .jarvis-ButtonAction .jarvis-icon .material-symbols-square-rounded { 
                                  	color: var(--mycolor1);
                                  }
                                  
                                  .jarvis-ButtonAction .jarvis-icon .material-symbols-square-outline-rounded {
                                  	color: var(--mycolor2);
                                  }
                                  
                                  

                                  Leider funktioniert es nicht. Es tut sich gar nichts. :-( Wenn dir noch was auffält, dann sag gerne Bescheid, ansonsten probiere ich es nochmal, wenn die v3.1.x aus der Beta raus ist. :-)

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

                                  @johannes1702
                                  Ja

                                  :root {
                                    --mycolor1: light-green;
                                    --mycolor2: amber;
                                  }
                                   
                                  /* oder wenn man power-off verwendet hat -> mdi-power-off */
                                   
                                  .jarvis-ButtonAction .jarvis-icon .mdi-material-symbols-square-rounded { 
                                  	color: var(--mycolor1);
                                  }
                                   
                                  .jarvis-ButtonAction .jarvis-icon .mdi-material-symbols-square-outline-rounded {
                                  	color: var(--mycolor2);
                                  }
                                   
                                  
                                  

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

                                  J 1 Reply Last reply
                                  1
                                  • S SlipKoRn_DH88

                                    @mcu Doch doch, es wird komplett dargestellt. Ich habe nur das Bild beim Aufnehmen beschnitten (Private Daten).

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

                                    @slipkorn_dh88 Danke. Ich habe es in die Doku eingefügt unter
                                    https://mcuiobroker.gitbook.io/jarvis-infos/tipps/allgemein/microsoft-windows/wallpaper-engine-steam

                                    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
                                    1
                                    • M MCU

                                      @johannes1702
                                      Ja

                                      :root {
                                        --mycolor1: light-green;
                                        --mycolor2: amber;
                                      }
                                       
                                      /* oder wenn man power-off verwendet hat -> mdi-power-off */
                                       
                                      .jarvis-ButtonAction .jarvis-icon .mdi-material-symbols-square-rounded { 
                                      	color: var(--mycolor1);
                                      }
                                       
                                      .jarvis-ButtonAction .jarvis-icon .mdi-material-symbols-square-outline-rounded {
                                      	color: var(--mycolor2);
                                      }
                                       
                                      
                                      
                                      J Offline
                                      J Offline
                                      johannes1702
                                      wrote on last edited by
                                      #3367

                                      @mcu Mhh... Aber das Icon, was ich verwende heißt doch "material-symbols:square-outline-rounded". Daher auch meine "Idee" den : durch - zu ersetzen. Oder geht das nur mit klassischen mdi Icons? Danke :-)

                                      M 1 Reply Last reply
                                      0
                                      • J johannes1702

                                        @mcu Mhh... Aber das Icon, was ich verwende heißt doch "material-symbols:square-outline-rounded". Daher auch meine "Idee" den : durch - zu ersetzen. Oder geht das nur mit klassischen mdi Icons? Danke :-)

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

                                        @johannes1702 Ich habe nur das übernommen, was du genutzt hast.
                                        Schwere Geburt.
                                        light-green und amber gehen nicht -> hex-Wert nutzen

                                        :root {
                                        	--mycolor1: #90ee90;
                                        	/* light-green */
                                        	--mycolor2: #ffbf00;
                                        	/* amber */
                                        }
                                        
                                        
                                        [icon="material-symbols:square-rounded"] .jarvis-icon svg > path {
                                        	color: var(--mycolor1) !important;
                                        }
                                        
                                        [icon="material-symbols:square-outline-rounded"] .jarvis-icon svg > path {
                                        	color: var(--mycolor2) !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.

                                        J 1 Reply Last reply
                                        1
                                        • M MCU

                                          @johannes1702 Ich habe nur das übernommen, was du genutzt hast.
                                          Schwere Geburt.
                                          light-green und amber gehen nicht -> hex-Wert nutzen

                                          :root {
                                          	--mycolor1: #90ee90;
                                          	/* light-green */
                                          	--mycolor2: #ffbf00;
                                          	/* amber */
                                          }
                                          
                                          
                                          [icon="material-symbols:square-rounded"] .jarvis-icon svg > path {
                                          	color: var(--mycolor1) !important;
                                          }
                                          
                                          [icon="material-symbols:square-outline-rounded"] .jarvis-icon svg > path {
                                          	color: var(--mycolor2) !important;
                                          }
                                          
                                          J Offline
                                          J Offline
                                          johannes1702
                                          wrote on last edited by
                                          #3369

                                          @mcu Jaaa :-D Es geht :-)

                                          fc50beb4-8667-49bd-9dd0-741b60bc57db-grafik.png

                                          Danke ;-) Jetzt suche ich mal schönere Farben ;-)

                                          1 Reply 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

                                          577

                                          Online

                                          32.4k

                                          Users

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