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

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

NEWS

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

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

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

jarvis v2.2.0 - just another remarkable vis

Geplant Angeheftet Gesperrt Verschoben Tester
jarvismaterialmaterial uimaterialdesignvisvisualisierungvisualization
6.1k Beiträge 316 Kommentatoren 4.2m Aufrufe 273 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

    @renegade-0 Zeig mal bitte wie es jetzt schon aussieht.
    F12 -Elemente
    0ad52344-b6a0-44b1-b79f-a10f01114a37-image.png
    Falls es auch bei Dir die gleiche Klasse ist, dann

    .jss19{
      background-color:black;
    }
    

    0ebe05f5-5bc2-42da-a829-4787aa5fb2b9-image.png

    Fürs TabPanel:

    .jarvis-TabPanel{
      background-color: black;
    }
    
    R Offline
    R Offline
    Renegade 0
    schrieb am zuletzt editiert von Renegade 0
    #5221

    @mcu
    hat alles funktioniert danke dir. Die jss19 hab ich auch schon gefunden, aber er mag kein Leerzeichen. ;)
    Jetzt schaut es so aus, wie es soll.
    Nun nur noch der Screensaver und die Abschaltung einrichten und Step1 ist endlich fertig. :)

    Wobei kann ich gesammt die Schrift größer stellen?

    M 1 Antwort Letzte Antwort
    0
    • R Renegade 0

      @mcu
      hat alles funktioniert danke dir. Die jss19 hab ich auch schon gefunden, aber er mag kein Leerzeichen. ;)
      Jetzt schaut es so aus, wie es soll.
      Nun nur noch der Screensaver und die Abschaltung einrichten und Step1 ist endlich fertig. :)

      Wobei kann ich gesammt die Schrift größer stellen?

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

      @renegade-0 sagte in jarvis v2.2.0 - just another remarkable vis:

      aber er mag kein Leerzeichen

      Wo braucht man ein Leerzeichen?
      Welche Schrift?

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

      R 1 Antwort Letzte Antwort
      0
      • DiginixD Diginix

        @mcu Super geil. Vielen Dank! Funktioniert perfekt.

        Ich würde gern weiterhin die Icons von https://materialdesignicons.com/ nutzen. Aber wenn ich die von dort als SVG downloade und nach base64 codiere sind die immer schwarz. Das geht mir auch so wenn ich von anderen Websites SVG Icons nutzen will. Wie bekommt man die so dass sie sich neutral verhalten und dem Style von Jarvis anpassen?

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

        @diginix
        Jarvis holt die Icons alle von iconify.
        Mich wundert, dass du die Icons von materialdesignicons als SVG runterlädst?
        Wofür? Kannst du mal einen Fall genauer darstellen.

        Warum konvertierst du nach base64?

        Um welche Icon geht es, die es bei iconify nicht gibt?

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

        DiginixD 1 Antwort Letzte Antwort
        0
        • M MCU

          @renegade-0 sagte in jarvis v2.2.0 - just another remarkable vis:

          aber er mag kein Leerzeichen

          Wo braucht man ein Leerzeichen?
          Welche Schrift?

          R Offline
          R Offline
          Renegade 0
          schrieb am zuletzt editiert von
          #5224

          @mcu
          Hatte im styles zwischen den einzelnen Argumenten einen Zeilenumbruch. Das passt jetzt.

          Die Schrift in den einzelnen Tabs. Meiner Frau ist das zu klein. :)

          M 1 Antwort Letzte Antwort
          0
          • R Renegade 0

            @mcu
            Hatte im styles zwischen den einzelnen Argumenten einen Zeilenumbruch. Das passt jetzt.

            Die Schrift in den einzelnen Tabs. Meiner Frau ist das zu klein. :)

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

            @renegade-0 Die Schrift oben in den TABs?
            a7ef229d-882b-40bb-873e-5a1fd2a0a21a-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.

            R 1 Antwort Letzte Antwort
            0
            • M MCU

              @renegade-0 Die Schrift oben in den TABs?
              a7ef229d-882b-40bb-873e-5a1fd2a0a21a-image.png

              R Offline
              R Offline
              Renegade 0
              schrieb am zuletzt editiert von
              #5226

              @mcu
              Sorry nein, meine in den Widgets. also Geräte und dann was so alles darunter ist.

              M 1 Antwort Letzte Antwort
              0
              • R Renegade 0

                @mcu
                Sorry nein, meine in den Widgets. also Geräte und dann was so alles darunter ist.

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

                @renegade-0
                Hier?
                7d2d7853-7eb8-4cc0-94ab-e45d0ef893ae-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.

                R 1 Antwort Letzte Antwort
                0
                • M MCU

                  @renegade-0
                  Hier?
                  7d2d7853-7eb8-4cc0-94ab-e45d0ef893ae-image.png

                  R Offline
                  R Offline
                  Renegade 0
                  schrieb am zuletzt editiert von
                  #5228

                  @mcu
                  jup genau

                  M 1 Antwort Letzte Antwort
                  0
                  • R Renegade 0

                    @mcu
                    jup genau

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

                    @renegade-0 https://forum.iobroker.net/topic/30668/jarvis-v2-2-0-just-another-remarkable-vis/4354

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

                    R 1 Antwort Letzte Antwort
                    0
                    • M MCU

                      @renegade-0 https://forum.iobroker.net/topic/30668/jarvis-v2-2-0-just-another-remarkable-vis/4354

                      R Offline
                      R Offline
                      Renegade 0
                      schrieb am zuletzt editiert von
                      #5230

                      @mcu
                      Perfekt genau das. Und die Überschriften wie Licht?

                      M 1 Antwort Letzte Antwort
                      0
                      • U Offline
                        U Offline
                        UncleB
                        schrieb am zuletzt editiert von
                        #5231

                        Versuche grade die die Elemente "Switch Action" auf "Button Action" zu ändern, find ich am Tablet einfacher zu bedienen, doch leider passiert nix wenn ich den Button klicke...
                        Übersehe ich was?
                        Screenshot - 2021-10-02T103900.293.png Screenshot - 2021-10-02T104134.662.png

                        1 Antwort Letzte Antwort
                        0
                        • M Online
                          M Online
                          MCU
                          schrieb am zuletzt editiert von MCU
                          #5232

                          @uncleb ButtonAction schaltet nur einen Wert "true" oder "false", hat aber keinen Toggle-Modus. Der Toggle-Modus kommt erst mit v3. Sehe gerade du bist ja auf v3. Welche Version?

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

                          U 1 Antwort Letzte Antwort
                          0
                          • R Renegade 0

                            @mcu
                            Perfekt genau das. Und die Überschriften wie Licht?

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

                            @renegade-0

                            .MuiTabs-scroller {
                                font-size:30px; /* Schrift 14px */
                                font-weight: bold; /* Fettschrift */
                            }
                            

                            Das passt noch nicht.

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

                            R 1 Antwort Letzte Antwort
                            0
                            • M MCU

                              @uncleb ButtonAction schaltet nur einen Wert "true" oder "false", hat aber keinen Toggle-Modus. Der Toggle-Modus kommt erst mit v3. Sehe gerade du bist ja auf v3. Welche Version?

                              U Offline
                              U Offline
                              UncleB
                              schrieb am zuletzt editiert von UncleB
                              #5234

                              @mcu said in jarvis v2.2.0 - just another remarkable vis:

                              @uncleb ButtonAction schaltet nur einen Wert "true" oder "false", hat aber keinen Toggle-Modus. Der Toggle-Modus kommt erst mit v3. Sehe gerade du bist ja auf v3. Welche Version?

                              Bin auf V3
                              "true" oder "false" würde ja reichen, aber es passiert nix wenn ich den Button klicke

                              Edit

                              3.0.0-alpha.84

                              U 1 Antwort Letzte Antwort
                              0
                              • M MCU

                                @diginix
                                Jarvis holt die Icons alle von iconify.
                                Mich wundert, dass du die Icons von materialdesignicons als SVG runterlädst?
                                Wofür? Kannst du mal einen Fall genauer darstellen.

                                Warum konvertierst du nach base64?

                                Um welche Icon geht es, die es bei iconify nicht gibt?

                                DiginixD Offline
                                DiginixD Offline
                                Diginix
                                schrieb am zuletzt editiert von Diginix
                                #5235

                                @mcu sagte in jarvis v2.2.0 - just another remarkable vis:

                                @diginix
                                Jarvis holt die Icons alle von iconify.
                                Mich wundert, dass du die Icons von materialdesignicons als SVG runterlädst?
                                Wofür? Kannst du mal einen Fall genauer darstellen.

                                Warum konvertierst du nach base64?

                                Um welche Icon geht es, die es bei iconify nicht gibt?

                                Die Quelle habe ich aus der Doku und dort steht auch dass man sie nach base64 codieren soll.
                                fd269a78-34d4-40ff-b2c6-cf40a6ed7d0d-image.png

                                Sind die Icons in deinem Bsp ja auch, anders kann man sie ja nicht einfügen. Bei der Ladeanimation würde ich die Standard Icons für battery-low und battery-high nutzen. Aber mir fehlen für bestimmte Geräte noch Icons und die habe ich als SVG lokal auf der Platte. Auch wenn im SVG kein fill color gesetzt ist, wird es als base64 in Jarvis immer schwarz angezeigt. Ich bräuchte also eine Lösung für komplett eigene Icons aus diversen Quellen und für die Ladeanimation hätte ich eben gern die material battery Icons, die Jarvis auch selbst verwendet.
                                5d34f840-46d1-446b-a26b-c8f48f9e401e-image.png

                                Bei iconify finde ich das auch: https://icon-sets.iconify.design/mdi/battery-low/
                                Und nehme dann den CSS Export?

                                background: url('https://api.iconify.design/mdi/battery-low.svg') no-repeat center center / contain;
                                

                                Wenn ich das CSS so baue

                                @keyframes charging {
                                    0 % {
                                        background: url('https://api.iconify.design/mdi/battery-low.svg') no - repeat center center / contain;
                                    }
                                    50 % {
                                        background: url('https://api.iconify.design/mdi/battery-medium.svg') no - repeat center center / contain;
                                    }
                                    100 % {
                                        background: url('https://api.iconify.design/mdi/battery-high.svg') no - repeat center center / contain;
                                    }
                                }
                                

                                sieht es trotzdem so aus (natürkich animiert):
                                2693f2db-fc66-48f1-b3f8-291b00006789-image.png

                                ..:: So long! Tom ::..

                                NUC7i3 (Ubuntu Proxmox VM) | Echo Dots 2+3. Gen | Xiaomi Sensoren | Mi Robot 1S | Yeelight | Sonoff | Shelly | H801 RGB | Gosund SP1 | NodeMCU+ESP32 | Kostal Plenticore PV+BYD | openWB

                                M 1 Antwort Letzte Antwort
                                0
                                • DiginixD Diginix

                                  @mcu sagte in jarvis v2.2.0 - just another remarkable vis:

                                  @diginix
                                  Jarvis holt die Icons alle von iconify.
                                  Mich wundert, dass du die Icons von materialdesignicons als SVG runterlädst?
                                  Wofür? Kannst du mal einen Fall genauer darstellen.

                                  Warum konvertierst du nach base64?

                                  Um welche Icon geht es, die es bei iconify nicht gibt?

                                  Die Quelle habe ich aus der Doku und dort steht auch dass man sie nach base64 codieren soll.
                                  fd269a78-34d4-40ff-b2c6-cf40a6ed7d0d-image.png

                                  Sind die Icons in deinem Bsp ja auch, anders kann man sie ja nicht einfügen. Bei der Ladeanimation würde ich die Standard Icons für battery-low und battery-high nutzen. Aber mir fehlen für bestimmte Geräte noch Icons und die habe ich als SVG lokal auf der Platte. Auch wenn im SVG kein fill color gesetzt ist, wird es als base64 in Jarvis immer schwarz angezeigt. Ich bräuchte also eine Lösung für komplett eigene Icons aus diversen Quellen und für die Ladeanimation hätte ich eben gern die material battery Icons, die Jarvis auch selbst verwendet.
                                  5d34f840-46d1-446b-a26b-c8f48f9e401e-image.png

                                  Bei iconify finde ich das auch: https://icon-sets.iconify.design/mdi/battery-low/
                                  Und nehme dann den CSS Export?

                                  background: url('https://api.iconify.design/mdi/battery-low.svg') no-repeat center center / contain;
                                  

                                  Wenn ich das CSS so baue

                                  @keyframes charging {
                                      0 % {
                                          background: url('https://api.iconify.design/mdi/battery-low.svg') no - repeat center center / contain;
                                      }
                                      50 % {
                                          background: url('https://api.iconify.design/mdi/battery-medium.svg') no - repeat center center / contain;
                                      }
                                      100 % {
                                          background: url('https://api.iconify.design/mdi/battery-high.svg') no - repeat center center / contain;
                                      }
                                  }
                                  

                                  sieht es trotzdem so aus (natürkich animiert):
                                  2693f2db-fc66-48f1-b3f8-291b00006789-image.png

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

                                  @diginix Dann kannst du Dir ja eine Animation aus den Icons basteln?
                                  4d898327-bbd4-4a54-9270-8170071d61cf-image.png

                                  Und du willst jetzt eine andere Farbe?

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

                                  DiginixD 1 Antwort Letzte Antwort
                                  0
                                  • M MCU

                                    @diginix Dann kannst du Dir ja eine Animation aus den Icons basteln?
                                    4d898327-bbd4-4a54-9270-8170071d61cf-image.png

                                    Und du willst jetzt eine andere Farbe?

                                    DiginixD Offline
                                    DiginixD Offline
                                    Diginix
                                    schrieb am zuletzt editiert von Diginix
                                    #5237

                                    @mcu sagte in jarvis v2.2.0 - just another remarkable vis:

                                    @diginix Dann kannst du Dir ja eine Animation aus den Icons basteln?
                                    4d898327-bbd4-4a54-9270-8170071d61cf-image.png

                                    Und du willst jetzt eine andere Farbe?

                                    Ja, genau das will ich doch auch. Aber die Icons sind eben immer schwarz. Siehe mein editierten Post über deinem.

                                    ..:: So long! Tom ::..

                                    NUC7i3 (Ubuntu Proxmox VM) | Echo Dots 2+3. Gen | Xiaomi Sensoren | Mi Robot 1S | Yeelight | Sonoff | Shelly | H801 RGB | Gosund SP1 | NodeMCU+ESP32 | Kostal Plenticore PV+BYD | openWB

                                    1 Antwort Letzte Antwort
                                    0
                                    • M MCU

                                      @renegade-0

                                      .MuiTabs-scroller {
                                          font-size:30px; /* Schrift 14px */
                                          font-weight: bold; /* Fettschrift */
                                      }
                                      

                                      Das passt noch nicht.

                                      R Offline
                                      R Offline
                                      Renegade 0
                                      schrieb am zuletzt editiert von
                                      #5238

                                      @mcu
                                      Da rührt sich leider nix.

                                      M 1 Antwort Letzte Antwort
                                      0
                                      • M Online
                                        M Online
                                        MCU
                                        schrieb am zuletzt editiert von
                                        #5239

                                        @diginix
                                        Nicht diese URL verwenden url('https://api.iconify.design/mdi/battery-high.svg'), sondern

                                        368026e3-60dd-4f93-81aa-70c192117655-image.png
                                        Und dort dann "currentColor" durch var(--meine-Farbe) ersetzen.
                                        Dann kannst mit

                                        :root{
                                          --meine-Farbe: yellow;
                                        }
                                        

                                        es einfacher ändern.

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

                                        DiginixD 1 Antwort Letzte Antwort
                                        0
                                        • R Renegade 0

                                          @mcu
                                          Da rührt sich leider nix.

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

                                          @renegade-0

                                          .MuiTypography-h5 {
                                              font-size:40px; /* Schrift 14px */
                                              font-weight: bold; /* Fettschrift */
                                              /*color: red;*/
                                          }
                                          

                                          Jetz aber.

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

                                          R 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

                                          392

                                          Online

                                          32.4k

                                          Benutzer

                                          81.5k

                                          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