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. Visualisierung
  4. [Showcase] Jarvis - 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.3k

[Showcase] Jarvis - just another remarkable vis

Scheduled Pinned Locked Moved Visualisierung
vis
453 Posts 81 Posters 137.1k Views 95 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.
  • MiswakM Miswak

    @mcu

    dann verschwindet aber mein gesamter Farbverlauf im "Haupthintergrund". Den wollte ich ja eigentlich behalten. Will ja nur den Farbverlauf im Popup auschalten.

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

    @miswak So sollte es nach dem Löschen der beiden Einträge aussehen.

    
    .jarvis-page-container,
    .jarvis-sidebar-container,
    .jarvis-sidebar-container .q-toolbar {
    	background-color: #0cbaba;
    	background-image: linear-gradient(315deg, #0cbaba 0%, #380036 74%);
    }
    

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

    MiswakM 1 Reply Last reply
    1
    • M MCU

      @miswak So sollte es nach dem Löschen der beiden Einträge aussehen.

      
      .jarvis-page-container,
      .jarvis-sidebar-container,
      .jarvis-sidebar-container .q-toolbar {
      	background-color: #0cbaba;
      	background-image: linear-gradient(315deg, #0cbaba 0%, #380036 74%);
      }
      
      MiswakM Offline
      MiswakM Offline
      Miswak
      wrote on last edited by
      #384

      @mcu
      Fast am Ziel, jetzt ist die Geräte Leiste schwarz und die Schließen Leiste grau. Wo gebe ich jetzt meine Wunschfarbe ein?

      MiswakM 1 Reply Last reply
      0
      • MiswakM Miswak

        @mcu
        Fast am Ziel, jetzt ist die Geräte Leiste schwarz und die Schließen Leiste grau. Wo gebe ich jetzt meine Wunschfarbe ein?

        MiswakM Offline
        MiswakM Offline
        Miswak
        wrote on last edited by
        #385

        Die Farbe der Geräteleiste kann ich ändern, habe ich in Deinem Tutorial gefunden.
        Jedoch noch nicht die Farbe der unteren Schließen Leiste

        M 1 Reply Last reply
        0
        • MiswakM Miswak

          Die Farbe der Geräteleiste kann ich ändern, habe ich in Deinem Tutorial gefunden.
          Jedoch noch nicht die Farbe der unteren Schließen Leiste

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

          @miswak

          .jarvis-StateListItem-Popup {
          	background-color: yellow;
          }
          
          .jarvis-popup .q-card__actions {
          	background-color: red;
          }
          

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

          MiswakM 1 Reply Last reply
          1
          • M MCU

            @miswak

            .jarvis-StateListItem-Popup {
            	background-color: yellow;
            }
            
            .jarvis-popup .q-card__actions {
            	background-color: red;
            }
            
            MiswakM Offline
            MiswakM Offline
            Miswak
            wrote on last edited by
            #387

            @mcu Top!! Passt, vielen Dank.

            1 Reply Last reply
            0
            • T Offline
              T Offline
              TyrionWarMage
              Developer
              wrote on last edited by TyrionWarMage
              #388

              Ich bin vor einer Weile über dieses: https://docs.theme-park.dev/ Projekt gestoplert, welches versucht vereinheitlichte Themes für diverse Self-Hosted services anzubieten. Daher habe ich mal versucht, das auch für Jarvis anzuwenden:

              Nord Theme
              fc9c4759-845a-4cb4-b570-4e68b894331d-grafik.png
              d5b4dca0-16b3-4286-af50-e593081bf11b-grafik.png

              Aquamarine:
              c9a3fdb0-5794-4c3c-9a06-900c9528de07-grafik.png
              c4116164-8ad6-46ee-9882-81ff70823ac6-grafik.png

              Maroon:
              863c9677-a3e9-4a77-a97a-1cd2a77b36d8-grafik.png

              Da meine CSS Skills aber eher begrenzt sind, sollte das eher als "erster Versuch gesehen werden", aber vielleicht hat ja jemand mit mehr Ahnung Lust das Template zu verfeinern? Template anbei - da ich es nicht hinbekommen hab, den import Tag zum laufen zu bekommen, muss das root template (von hier https://github.com/GilbN/theme.park/tree/master/css/theme-options) reinkopiert werden.

              Jarvis Theme-Park.css

              S 1 Reply Last reply
              0
              • sigi234S sigi234

                Mal ein paar Screenshots von mir:

                Screenshot (5382).png Screenshot (5383).png Screenshot (5384).png Screenshot (5385).png Screenshot (5386).pngScreenshot (5387).png

                Damrak2022D Offline
                Damrak2022D Offline
                Damrak2022
                wrote on last edited by
                #389

                @sigi234 Mal eine Frage wie Du das mit den Temperaturen konfiguriert hat, denn bei mir sieht das momentan so aus:

                Bildschirmfoto 2023-10-13 um 15.16.13.png Bildschirmfoto 2023-10-13 um 15.13.55.png

                Ich würde es aber gerne so darstellen wie Du es gemacht hast.

                Mit besten Grüßen
                Andy

                sigi234S M 2 Replies Last reply
                0
                • Damrak2022D Damrak2022

                  @sigi234 Mal eine Frage wie Du das mit den Temperaturen konfiguriert hat, denn bei mir sieht das momentan so aus:

                  Bildschirmfoto 2023-10-13 um 15.16.13.png Bildschirmfoto 2023-10-13 um 15.13.55.png

                  Ich würde es aber gerne so darstellen wie Du es gemacht hast.

                  sigi234S Online
                  sigi234S Online
                  sigi234
                  Forum Testing Most Active
                  wrote on last edited by
                  #390

                  @damrak2022
                  Bin im Krankenhaus.

                  Bitte benutzt das Voting rechts unten im Beitrag wenn er euch geholfen hat.
                  Immer Daten sichern!

                  M Damrak2022D 2 Replies Last reply
                  0
                  • sigi234S sigi234

                    @damrak2022
                    Bin im Krankenhaus.

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

                    @sigi234 Gute Besserung. Hoffe nichts Schlimmes.

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

                    sigi234S 1 Reply Last reply
                    0
                    • M MCU

                      @sigi234 Gute Besserung. Hoffe nichts Schlimmes.

                      sigi234S Online
                      sigi234S Online
                      sigi234
                      Forum Testing Most Active
                      wrote on last edited by
                      #392

                      @mcu sagte in [Showcase] Jarvis - just another remarkable vis:

                      @sigi234 Gute Besserung. Hoffe nichts Schlimmes.

                      Herzklappe

                      Bitte benutzt das Voting rechts unten im Beitrag wenn er euch geholfen hat.
                      Immer Daten sichern!

                      M 1 Reply Last reply
                      0
                      • Damrak2022D Damrak2022

                        @sigi234 Mal eine Frage wie Du das mit den Temperaturen konfiguriert hat, denn bei mir sieht das momentan so aus:

                        Bildschirmfoto 2023-10-13 um 15.16.13.png Bildschirmfoto 2023-10-13 um 15.13.55.png

                        Ich würde es aber gerne so darstellen wie Du es gemacht hast.

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

                        @damrak2022 Du meinst so?
                        00e22c2b-a456-47e0-a862-6a63cb2faae3-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.

                        Damrak2022D 1 Reply Last reply
                        0
                        • sigi234S sigi234

                          @mcu sagte in [Showcase] Jarvis - just another remarkable vis:

                          @sigi234 Gute Besserung. Hoffe nichts Schlimmes.

                          Herzklappe

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

                          @sigi234 Also in 3 Tagen wieder zuhause. Alles Gute.

                          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
                          • sigi234S sigi234

                            @damrak2022
                            Bin im Krankenhaus.

                            Damrak2022D Offline
                            Damrak2022D Offline
                            Damrak2022
                            wrote on last edited by
                            #395

                            @sigi234 Oh, kann dann gute Besserung für Dich

                            Mit besten Grüßen
                            Andy

                            1 Reply Last reply
                            0
                            • M MCU

                              @damrak2022 Du meinst so?
                              00e22c2b-a456-47e0-a862-6a63cb2faae3-image.png

                              Damrak2022D Offline
                              Damrak2022D Offline
                              Damrak2022
                              wrote on last edited by
                              #396

                              @mcu Ja, genau so hätte ich das gerne, war irgendwas klappt noch nicht. Wobei die Temperatur muss nicht in dem Balken stehen, darüber ist auch völlig okay. Mir geht es hauptsächlich um die Balkenbreite.

                              Mit besten Grüßen
                              Andy

                              M 1 Reply Last reply
                              0
                              • Damrak2022D Damrak2022

                                @mcu Ja, genau so hätte ich das gerne, war irgendwas klappt noch nicht. Wobei die Temperatur muss nicht in dem Balken stehen, darüber ist auch völlig okay. Mir geht es hauptsächlich um die Balkenbreite.

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

                                @damrak2022 Deins ist ein HistoryGraph, das von sigi234 ist ein Bar-Chart.
                                d8aaacb0-837c-4dec-8544-8c06f49b762e-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.

                                Damrak2022D 1 Reply Last reply
                                1
                                • M MCU

                                  @damrak2022 Deins ist ein HistoryGraph, das von sigi234 ist ein Bar-Chart.
                                  d8aaacb0-837c-4dec-8544-8c06f49b762e-image.png

                                  Damrak2022D Offline
                                  Damrak2022D Offline
                                  Damrak2022
                                  wrote on last edited by
                                  #398

                                  @mcu h, okay, ich hatte history chart ausgewählt und dann bei der Anzeige BarChart. Nachdem ich es jetzt geändert habe geht es.

                                  Mit besten Grüßen
                                  Andy

                                  1 Reply Last reply
                                  0
                                  • W WW1983

                                    @Stephan-Schleich Danke fürs Erstellen

                                    Hier sind meine aktuelle Einstellungen:

                                    Screenshot 2020-10-16 122652.png

                                    Screenshot 2020-10-16 122619.png

                                    Screenshot 2020-10-16 122602.png

                                    Screenshot 2020-10-16 122529.png

                                    Screenshot 2020-10-16 122517.png

                                    Screenshot 2020-10-16 122503.png

                                    Screenshot 2020-10-16 122451.png

                                    Screenshot 2020-10-16 122429.png

                                    Screenshot 2020-10-16 122359.png

                                    Bin mal gespannt was ihr so zusammen gestellt habt.

                                    Damrak2022D Offline
                                    Damrak2022D Offline
                                    Damrak2022
                                    wrote on last edited by
                                    #399

                                    @ww1983 Guten Morgen, kannst Du mir verraten wie Du die Buttons bei Deinem Staubsauger hinbekommen hast? Das gefällt mir sehr gut, aber ich wüsste nicht wie ich das umsetzen kann?
                                    Bildschirmfoto 2023-12-08 um 06.43.09.png

                                    Mit besten Grüßen
                                    Andy

                                    1 Reply Last reply
                                    0
                                    • T Torrid

                                      @JayR
                                      Die News sind ein iFrame über Grafana und dort ist ein RSS Link eingebunden.
                                      Dort gibt es das News Panel:
                                      2148b0f4-9fe1-4ac8-a1f4-d2550ef2fcd6-image.png

                                      @flkontakt
                                      Bring ist genau wie @JayR sagt über die Vis eingebunden.

                                      Den Busfahrplan kann man über den fahrplan Adapter realisieren und dort über html den Abfahrplan oder die Route deiner Haltestellen in jarvis anzeigen.
                                      18d58978-d0cf-4c07-9b2b-6a72073a536e-image.png

                                      Damrak2022D Offline
                                      Damrak2022D Offline
                                      Damrak2022
                                      wrote on last edited by
                                      #400

                                      @torrid Ich habe die News jetzt auch über einen iframe und Grafana eingebunden, was bei mir allerdings so aussieht:
                                      Bildschirmfoto 2023-12-08 um 11.42.34.png

                                      Wie bekomme ich den gesamten oberen Bereich weg, sodass mir nur die News angezeigt werden?

                                      Mit besten Grüßen
                                      Andy

                                      1 Reply Last reply
                                      0
                                      • sigi234S sigi234

                                        Mal ein paar Screenshots von mir:

                                        Screenshot (5382).png Screenshot (5383).png Screenshot (5384).png Screenshot (5385).png Screenshot (5386).pngScreenshot (5387).png

                                        Damrak2022D Offline
                                        Damrak2022D Offline
                                        Damrak2022
                                        wrote on last edited by
                                        #401

                                        @sigi234 Hallo das sieht super aus. Wie hast Du das mit den Buttons bei Bereichsreinigung und Steuerung umgesetzt. Kannst Du das bitte mal kurz erklären.?

                                        Mit besten Grüßen
                                        Andy

                                        sigi234S 1 Reply Last reply
                                        0
                                        • B Bloody

                                          @WW1983 Gefällt mir auch sehr gut.
                                          Hier meine bisherige Arbeit, man sieht noch viel zu tun. Aktuell will ich Jarvis hauptsächlich übers Handy nutzen.

                                          939fc6b2-d9fe-4fbd-8ee5-516b1b3f1e8b-image.png
                                          50b60f4a-740d-4a3c-a651-69cf125c2eda-image.png
                                          cea154ee-4654-4677-b9ac-20bf05cbadf8-image.png
                                          ead2075b-3fc1-45b2-bc15-914e14611d92-image.png
                                          3dad14ba-1f1e-46b3-acfc-75d96138d762-image.png
                                          Da wird die Drucker Cam angezeigt, wenn er an ist.
                                          da3d02d1-9c1a-42a1-bdc3-da8a3dd9f3f4-image.png
                                          cb421315-6640-4ee5-8377-a1b73c5fb869-image.png
                                          6fc7db06-0d18-43b1-9f34-6412c061ec26-image.png

                                          K Offline
                                          K Offline
                                          Kuddel
                                          wrote on last edited by Kuddel
                                          #402

                                          @bloody ich integriere gerade meine VIS Infos bzgl. Octoprint in Jarvis.

                                          Wie hast du die Kamera eingebunden?

                                          EDIT: Habe es selber hinbekommen. Leider nur in einem extra Widgets.

                                          Status und Images kann man wohl nicht vermischen oder?

                                          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

                                          788

                                          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