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.2k

[Showcase] Jarvis - just another remarkable vis

Scheduled Pinned Locked Moved Visualisierung
vis
453 Posts 81 Posters 136.9k 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

    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
                                    • Damrak2022D Damrak2022

                                      @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.?

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

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

                                      @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.?

                                      Screenshot (533).png Screenshot (534).png Screenshot (535).png Screenshot (536).png Screenshot (537).png

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

                                      Damrak2022D 1 Reply Last reply
                                      0
                                      • sigi234S sigi234

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

                                        @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.?

                                        Screenshot (533).png Screenshot (534).png Screenshot (535).png Screenshot (536).png Screenshot (537).png

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

                                        @sigi234 Vielen Dank,

                                        ich hatte meinen Staubsauger schon komplett eingebunden und mir geht es hauptsächlich um die eine Sache, welche ich nicht hinbekomme. Und zwar wie ich das machen muss um solche rechteckigen Buttons hinzubekommen?
                                        Bildschirmfoto 2023-12-10 um 03.11.44.png

                                        Bei mir sieht das standardmäßig aus: Bildschirmfoto 2023-12-10 um 03.21.41.png und ich würde die Standarbuttons gerne durch rechteckige ersetzen

                                        Mit besten Grüßen
                                        Andy

                                        sigi234S 1 Reply Last reply
                                        0
                                        • Damrak2022D Damrak2022

                                          @sigi234 Vielen Dank,

                                          ich hatte meinen Staubsauger schon komplett eingebunden und mir geht es hauptsächlich um die eine Sache, welche ich nicht hinbekomme. Und zwar wie ich das machen muss um solche rechteckigen Buttons hinzubekommen?
                                          Bildschirmfoto 2023-12-10 um 03.11.44.png

                                          Bei mir sieht das standardmäßig aus: Bildschirmfoto 2023-12-10 um 03.21.41.png und ich würde die Standarbuttons gerne durch rechteckige ersetzen

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

                                          @damrak2022

                                          Screenshot (541).png Screenshot (542).png Screenshot (543).png Screenshot (544).png Screenshot (545).png Screenshot (546).png

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

                                          M 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

                                          490

                                          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