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

[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, sorry auch gerade gemerkt, dass das etwas unpraktisch ist.

    .jarvis-page-container,
    .jarvis-sidebar-container,
    .jarvis-sidebar-container .q-toolbar,
    .jarvis-popup,
    .jarvis-popup .jarvis-StateList {
    	background-color: #0cbaba;
    	background-image: linear-gradient(315deg, #0cbaba 0%, #380036 74%);
    }
    
    .body--dark .jarvis-header {
    	background-color: rgba(0,0,0,0.2) !important;
    }
    
    .jarvis-tabs-container {
    	background-color: rgba(56,0,54,0.9) !important;
    }
    
    .jarvis-widget-container {
    	background-color: rgba(0,0,0,0.2) !important;
    }
    
    .body--dark .jarvis-widget {
    	background: rgba(0,0,0,0.2);
    }
    
    .body--light .jarvis-widget {
    	background: rgba(255,255,255,1);
    }
    
    .body--dark .jarvis-tabs-container {
    	background-color: rgba(56,0,54,0.9) !important;
    }
    
    .q-table__container {
    	background-color: transparent !important;
    } 
    
    
    
    
    
    /*halbtransparente Sidebar*/
    
    .jarvis-sidebar {
    	background-color: #0cbaba;
    	background-image: linear-gradient(315deg, #0cbaba 0%, #661f64 74%);
    	/* #661f64 old #380036*/
    }
    
    .jarvis-sidebar .items-center {
    	background-color: #0cbaba;
    	background-image: linear-gradient(315deg, #0cbaba 0%, #661f64 74%);
    	/* #661f64 old #380036*/
    }
    
    
    
    
    /*runde Ecken der Widgets*/
    
    .paper {
    	border-radius: 20px;
    }
    
    .jarvis-widget {
    	border-radius: 20px;
    }
    
    .jarvis-widget-container {
    	border-radius: 20px;
    }
    
    
    
    
    /* Jalousie Schalter umkehren */
    
    .mdi-chevron-down {
    	color: transparent;
    	background: url('https://api.iconify.design/mdi/chevron-up.svg?color=white') no-repeat center center / contain;
    }
    
    .mdi-chevron-up {
    	color: transparent;
    	background: url('https://api.iconify.design/mdi/chevron-down.svg?color=white') no-repeat center center / contain;
    }
    
    
    
    
    /* obere Leiste im Popup unterbinden */
    
    .jarvis-popup .row.items-center.q-card__section.q-card__section--vert {
     display: none;
    }
    
    
    
    
    /* Popup Ecken runder */
    
    .q-dialog__inner .jarvis-popup {
    	border-radius: 20px;
    }
    
    M Online
    M Online
    MCU
    wrote on last edited by MCU
    #380

    @miswak Wie soll es denn im Popup aussehen?
    Kannst die beiden raus nehmen:

    .jarvis-popup,
    .jarvis-popup .jarvis-StateList
    

    bb03f54e-3f5d-4cb3-b0f6-5ebcb5590443-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.

    MiswakM 2 Replies Last reply
    1
    • M MCU

      @miswak Wie soll es denn im Popup aussehen?
      Kannst die beiden raus nehmen:

      .jarvis-popup,
      .jarvis-popup .jarvis-StateList
      

      bb03f54e-3f5d-4cb3-b0f6-5ebcb5590443-image.png

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

      @mcu

      eigentlich erstmal ein schlichter einfarbiger Hintergrund, eben kein Farbverlauf. Die obere Leiste im Popup habe ich ja ausgeblendet.
      Sprich der mittlere Teil und die untere "Schließen Leiste" sollten ein Farbton haben. Sagen wir dunkles grau. Wenn ich die Syntax habe, kann ich den Farbton ja selbst nachträglich ändern.

      1 Reply Last reply
      0
      • M MCU

        @miswak Wie soll es denn im Popup aussehen?
        Kannst die beiden raus nehmen:

        .jarvis-popup,
        .jarvis-popup .jarvis-StateList
        

        bb03f54e-3f5d-4cb3-b0f6-5ebcb5590443-image.png

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

        @mcu

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

        M 1 Reply Last reply
        0
        • 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
                                          Reply
                                          • Reply as topic
                                          Log in to reply
                                          • Oldest to Newest
                                          • Newest to Oldest
                                          • Most Votes


                                          Support us

                                          ioBroker
                                          Community Adapters
                                          Donate

                                          634

                                          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