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

Geplant Angeheftet Gesperrt Verschoben Visualisierung
vis
453 Beiträge 81 Kommentatoren 137.1k Aufrufe 95 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.
  • 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 Offline
    M Offline
    MCU
    schrieb am zuletzt editiert von 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 Antworten Letzte Antwort
    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
      schrieb am zuletzt editiert von
      #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 Antwort Letzte Antwort
      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
        schrieb am zuletzt editiert von
        #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 Antwort Letzte Antwort
        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 Offline
          M Offline
          MCU
          schrieb am zuletzt editiert von 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 Antwort Letzte Antwort
          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
            schrieb am zuletzt editiert von
            #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 Antwort Letzte Antwort
            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
              schrieb am zuletzt editiert von
              #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 Antwort Letzte Antwort
              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 Offline
                M Offline
                MCU
                schrieb am zuletzt editiert von
                #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 Antwort Letzte Antwort
                1
                • M MCU

                  @miswak

                  .jarvis-StateListItem-Popup {
                  	background-color: yellow;
                  }
                  
                  .jarvis-popup .q-card__actions {
                  	background-color: red;
                  }
                  
                  MiswakM Offline
                  MiswakM Offline
                  Miswak
                  schrieb am zuletzt editiert von
                  #387

                  @mcu Top!! Passt, vielen Dank.

                  1 Antwort Letzte Antwort
                  0
                  • T Offline
                    T Offline
                    TyrionWarMage
                    Developer
                    schrieb am zuletzt editiert von 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 Antwort Letzte Antwort
                    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
                      schrieb am zuletzt editiert von
                      #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 Antworten Letzte Antwort
                      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
                        schrieb am zuletzt editiert von
                        #390

                        @damrak2022
                        Bin im Krankenhaus.

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

                        M Damrak2022D 2 Antworten Letzte Antwort
                        0
                        • sigi234S sigi234

                          @damrak2022
                          Bin im Krankenhaus.

                          M Offline
                          M Offline
                          MCU
                          schrieb am zuletzt editiert von
                          #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 Antwort Letzte Antwort
                          0
                          • M MCU

                            @sigi234 Gute Besserung. Hoffe nichts Schlimmes.

                            sigi234S Online
                            sigi234S Online
                            sigi234
                            Forum Testing Most Active
                            schrieb am zuletzt editiert von
                            #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 Antwort Letzte Antwort
                            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 Offline
                              M Offline
                              MCU
                              schrieb am zuletzt editiert von
                              #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 Antwort Letzte Antwort
                              0
                              • sigi234S sigi234

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

                                @sigi234 Gute Besserung. Hoffe nichts Schlimmes.

                                Herzklappe

                                M Offline
                                M Offline
                                MCU
                                schrieb am zuletzt editiert von
                                #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 Antwort Letzte Antwort
                                0
                                • sigi234S sigi234

                                  @damrak2022
                                  Bin im Krankenhaus.

                                  Damrak2022D Offline
                                  Damrak2022D Offline
                                  Damrak2022
                                  schrieb am zuletzt editiert von
                                  #395

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

                                  Mit besten Grüßen
                                  Andy

                                  1 Antwort Letzte Antwort
                                  0
                                  • M MCU

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

                                    Damrak2022D Offline
                                    Damrak2022D Offline
                                    Damrak2022
                                    schrieb am zuletzt editiert von
                                    #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 Antwort Letzte Antwort
                                    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 Offline
                                      M Offline
                                      MCU
                                      schrieb am zuletzt editiert von
                                      #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 Antwort Letzte Antwort
                                      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
                                        schrieb am zuletzt editiert von
                                        #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 Antwort Letzte Antwort
                                        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
                                          schrieb am zuletzt editiert von
                                          #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 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

                                          477

                                          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