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

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

    @rkccorian
    Nur für den STOP-Button:
    CSS v3

    [widgets="ID"]  .text-negative .q-btn__wrapper {
    	background-color: yellow !important;
    	color: green !important;
    	border-color: green !important;
    }
    
    R Offline
    R Offline
    RkcCorian
    schrieb am zuletzt editiert von
    #5341

    @mcu Für Deine Doku, falls Du es ergänzen möchtest... Ich mache jetzt das BlindlevelAction kleiner über die Schriftgröße, dann kann ich es wieder auf die gewünschte Größe vergrößern. Der Umweg über die Schriftart ist notwendig, sonst kann ich die Höhe nicht so klein machen wie ich es möchte, da mit top und bottom 1px ansonsten Schluss ist.

    /* BlindLevelAction =============================================== */
    
    .BlindLevelAction [role="button"] {
    	font-size: 8px !important;
    }
    
    .BlindLevelAction .q-btn__wrapper {
    	padding-left: 12px !important;
    	padding-right: 12px !important;
    	padding-top: 4px !important;
    	padding-bottom: 4px !important;
    }
    
    M 2 Antworten Letzte Antwort
    0
    • R RkcCorian

      @mcu Für Deine Doku, falls Du es ergänzen möchtest... Ich mache jetzt das BlindlevelAction kleiner über die Schriftgröße, dann kann ich es wieder auf die gewünschte Größe vergrößern. Der Umweg über die Schriftart ist notwendig, sonst kann ich die Höhe nicht so klein machen wie ich es möchte, da mit top und bottom 1px ansonsten Schluss ist.

      /* BlindLevelAction =============================================== */
      
      .BlindLevelAction [role="button"] {
      	font-size: 8px !important;
      }
      
      .BlindLevelAction .q-btn__wrapper {
      	padding-left: 12px !important;
      	padding-right: 12px !important;
      	padding-top: 4px !important;
      	padding-bottom: 4px !important;
      }
      
      M Online
      M Online
      MCU
      schrieb am zuletzt editiert von
      #5342

      @rkccorian Danke. Müsste aber schon drin sein. Ich kann es sowieso gerade nicht bearbeiten, da momentan das System bei denen die nächsten Tage upgedatet wird.

      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
      1
      • M MCU

        @rkccorian Danke. Müsste aber schon drin sein. Ich kann es sowieso gerade nicht bearbeiten, da momentan das System bei denen die nächsten Tage upgedatet wird.

        R Offline
        R Offline
        RkcCorian
        schrieb am zuletzt editiert von
        #5343

        @mcu Glaub top und bottom nicht, ansonsten habe ich es dort auch gefunden

        1 Antwort Letzte Antwort
        1
        • R RkcCorian

          Weiß jemand wie man den Hintegrund von Grapha-Graphen tlw. durchsichtig hinbekommt? Das ist eines der letzten Dinge, dass mir für meine Visualisierung noch fehlt.

          a661ea0d-a52a-4835-8c51-78483c483ce6-image.png

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

          @rkccorian Das muss direkt bei Grafana eingestellt werden, wo weiß ich nicht. Ich habe es 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.

          1 Antwort Letzte Antwort
          0
          • R RkcCorian

            Weiß jemand wie man den Hintegrund von Grapha-Graphen tlw. durchsichtig hinbekommt? Das ist eines der letzten Dinge, dass mir für meine Visualisierung noch fehlt.

            a661ea0d-a52a-4835-8c51-78483c483ce6-image.png

            ? Offline
            ? Offline
            Ein ehemaliger Benutzer
            schrieb am zuletzt editiert von
            #5345

            @rkccorian ich probiere noch mal was und dann melde ich mich bei dir hier im thread. Hab da eine Lösung bzw. vielleicht auch zwei.

            1 Antwort Letzte Antwort
            1
            • R RkcCorian

              Weiß jemand wie man den Hintegrund von Grapha-Graphen tlw. durchsichtig hinbekommt? Das ist eines der letzten Dinge, dass mir für meine Visualisierung noch fehlt.

              a661ea0d-a52a-4835-8c51-78483c483ce6-image.png

              ? Offline
              ? Offline
              Ein ehemaliger Benutzer
              schrieb am zuletzt editiert von
              #5346

              @rkccorian Soo ich habe mal beide Lösungswege die in diesem Artikel beschrieben sind ausprobiert. Und beide funktionieren auch noch. Auch mit der aktuellen Version von Grafana. Bei fragen kann ich versuchen zu helfen.

              Bildschirmfoto 2021-10-10 um 16.44.51.png

              R 1 Antwort Letzte Antwort
              0
              • ? Ein ehemaliger Benutzer

                @rkccorian Soo ich habe mal beide Lösungswege die in diesem Artikel beschrieben sind ausprobiert. Und beide funktionieren auch noch. Auch mit der aktuellen Version von Grafana. Bei fragen kann ich versuchen zu helfen.

                Bildschirmfoto 2021-10-10 um 16.44.51.png

                R Offline
                R Offline
                RkcCorian
                schrieb am zuletzt editiert von
                #5347

                @ciddi89 Hab mal reingeschaut. Das Boom Theme hatte ich mal ausprobiert, da war aber immer ein Widget mit drin, daher war das nicht gut. Wie geht die andere Lösung mit Grafana v8.x (hab 8.1.3). Vielen Dank im Voraus!

                ? 1 Antwort Letzte Antwort
                0
                • R RkcCorian

                  @ciddi89 Hab mal reingeschaut. Das Boom Theme hatte ich mal ausprobiert, da war aber immer ein Widget mit drin, daher war das nicht gut. Wie geht die andere Lösung mit Grafana v8.x (hab 8.1.3). Vielen Dank im Voraus!

                  ? Offline
                  ? Offline
                  Ein ehemaliger Benutzer
                  schrieb am zuletzt editiert von
                  #5348

                  @rkccorian so wie im vierten Artikel

                  Bevorzuge auch diese Variante. Musste zwar dafür das allgemeine Grafana Dashboard in das Light Theme umstellen weil sonst sieht es dort teilweise komisch aus. Aber dafür läuft das besser und lädt auch sofort die css Datei mit und ist nicht verzögert wie bei Boom und man kann so auch einzelne Widgets einfügen in Transparent. Das geht bei Boom ja nicht.

                  R 1 Antwort Letzte Antwort
                  0
                  • ? Ein ehemaliger Benutzer

                    @rkccorian so wie im vierten Artikel

                    Bevorzuge auch diese Variante. Musste zwar dafür das allgemeine Grafana Dashboard in das Light Theme umstellen weil sonst sieht es dort teilweise komisch aus. Aber dafür läuft das besser und lädt auch sofort die css Datei mit und ist nicht verzögert wie bei Boom und man kann so auch einzelne Widgets einfügen in Transparent. Das geht bei Boom ja nicht.

                    R Offline
                    R Offline
                    RkcCorian
                    schrieb am zuletzt editiert von
                    #5349

                    @ciddi89 Bei mir läuft Grafana in einem Docker-Container. Hab in dem gemounteten Ordner gesucht aber usr\share\grafana\public\views\index.htmlnicht gefunden

                    ? 1 Antwort Letzte Antwort
                    0
                    • R RkcCorian

                      @ciddi89 Bei mir läuft Grafana in einem Docker-Container. Hab in dem gemounteten Ordner gesucht aber usr\share\grafana\public\views\index.htmlnicht gefunden

                      ? Offline
                      ? Offline
                      Ein ehemaliger Benutzer
                      schrieb am zuletzt editiert von
                      #5350

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

                      \public\views\index.html

                      Weiss nun nicht wie die Ordnerstruktur in den Container ist. Aber ich glaube der mountet den usr/share/grafana Ordner als root Ordner. Somit müsste da direkt der /public/ Ordner sein. Kann mich aber auch irren. Daher vielleicht die index.html Datei per Suche suchen.

                      R 2 Antworten Letzte Antwort
                      0
                      • ? Ein ehemaliger Benutzer

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

                        \public\views\index.html

                        Weiss nun nicht wie die Ordnerstruktur in den Container ist. Aber ich glaube der mountet den usr/share/grafana Ordner als root Ordner. Somit müsste da direkt der /public/ Ordner sein. Kann mich aber auch irren. Daher vielleicht die index.html Datei per Suche suchen.

                        R Offline
                        R Offline
                        RkcCorian
                        schrieb am zuletzt editiert von
                        #5351

                        @ciddi89 War auch meine Idee, finde allerdings gar keine html-Datei :-(
                        Folgendes sehe ich, wobei ich "certificate" selber angelegt habe
                        0d7c6c5e-53f4-4998-9082-d64a06b8b042-image.png

                        ? 1 Antwort Letzte Antwort
                        0
                        • ? Ein ehemaliger Benutzer

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

                          \public\views\index.html

                          Weiss nun nicht wie die Ordnerstruktur in den Container ist. Aber ich glaube der mountet den usr/share/grafana Ordner als root Ordner. Somit müsste da direkt der /public/ Ordner sein. Kann mich aber auch irren. Daher vielleicht die index.html Datei per Suche suchen.

                          R Offline
                          R Offline
                          RkcCorian
                          schrieb am zuletzt editiert von
                          #5352

                          @ciddi89 Hab in die Ordner geschaut, die sind alle leer. Meine Konfig ist wohl alleinig in "grafana.db"

                          1 Antwort Letzte Antwort
                          0
                          • R RkcCorian

                            @ciddi89 War auch meine Idee, finde allerdings gar keine html-Datei :-(
                            Folgendes sehe ich, wobei ich "certificate" selber angelegt habe
                            0d7c6c5e-53f4-4998-9082-d64a06b8b042-image.png

                            ? Offline
                            ? Offline
                            Ein ehemaliger Benutzer
                            schrieb am zuletzt editiert von Ein ehemaliger Benutzer
                            #5353

                            @rkccorian hmm okay. evtl. kann/muss man den Ordner nachträglich mounten. Also ein neuen Ordner erstellen z.B. views und dann in den Containereinstellung wenn man einen neuen Container mit Grafana erstellt den Ordner usr\share\grafana\public\views\ mounten. Aber ob das funktioniert weiss ich nicht. Kann vielleicht einer sagen der mehr in Docker und dessen Container bewandert ist.

                            1 Antwort Letzte Antwort
                            0
                            • R RkcCorian

                              @mcu Für Deine Doku, falls Du es ergänzen möchtest... Ich mache jetzt das BlindlevelAction kleiner über die Schriftgröße, dann kann ich es wieder auf die gewünschte Größe vergrößern. Der Umweg über die Schriftart ist notwendig, sonst kann ich die Höhe nicht so klein machen wie ich es möchte, da mit top und bottom 1px ansonsten Schluss ist.

                              /* BlindLevelAction =============================================== */
                              
                              .BlindLevelAction [role="button"] {
                              	font-size: 8px !important;
                              }
                              
                              .BlindLevelAction .q-btn__wrapper {
                              	padding-left: 12px !important;
                              	padding-right: 12px !important;
                              	padding-top: 4px !important;
                              	padding-bottom: 4px !important;
                              }
                              
                              M Online
                              M Online
                              MCU
                              schrieb am zuletzt editiert von
                              #5354

                              @rkccorian
                              Hab den Vorschlag aufgenommen:
                              https://mcuiobroker.gitbook.io/jarvis-infos/jarvis/besonderheiten-v3/styles/blindlevelaction#vorschlag-von-rkccorian-iobroker-forum

                              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
                              1
                              • DiginixD Offline
                                DiginixD Offline
                                Diginix
                                schrieb am zuletzt editiert von
                                #5355

                                @mcu Bin auf v2, aber überlege ob ich nicht doch schon auf v3 gehe bevor ich zu viel Zeit in v2 investiere.
                                Ansich ist alles fertig und ich bin am Finetuning. Aber mit v3 geht sicher einiges mehr, gerade was das Layout angeht.
                                Eigentlich möchte ich nicht min/max drehen sondern dass die Icons der beiden Buttons vertauscht sind.
                                Also links müsste der Pfeil nach unten und rechts der Pfeil nach oben sein.
                                6b3ee9be-c8a2-4bd5-89f8-c912232aad8b-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 Bin auf v2, aber überlege ob ich nicht doch schon auf v3 gehe bevor ich zu viel Zeit in v2 investiere.
                                  Ansich ist alles fertig und ich bin am Finetuning. Aber mit v3 geht sicher einiges mehr, gerade was das Layout angeht.
                                  Eigentlich möchte ich nicht min/max drehen sondern dass die Icons der beiden Buttons vertauscht sind.
                                  Also links müsste der Pfeil nach unten und rechts der Pfeil nach oben sein.
                                  6b3ee9be-c8a2-4bd5-89f8-c912232aad8b-image.png

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

                                  @diginix
                                  Vertauschen der Pfeile geht nicht, auch nicht mit v3. Dann musst du ein Feature Request erstellen.
                                  https://github.com/Zefau/ioBroker.jarvis/issues

                                  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
                                    Vertauschen der Pfeile geht nicht, auch nicht mit v3. Dann musst du ein Feature Request erstellen.
                                    https://github.com/Zefau/ioBroker.jarvis/issues

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

                                    @mcu Hm, hätte gedacht mit CSS kann ich die Icons auf den 2 Buttons selbst festlegen.
                                    Aber ok. Ich muss halt immer umdenken dass der Pfeil nach oben die Markise nach schräg unten ausfährt. Ist eben nicht stimmig von der Pfeilrichtung. Ich möchte aber auch nicht dass 0% Markise auf bedeutet, wie bei Rollläden.

                                    ..:: 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 Hm, hätte gedacht mit CSS kann ich die Icons auf den 2 Buttons selbst festlegen.
                                      Aber ok. Ich muss halt immer umdenken dass der Pfeil nach oben die Markise nach schräg unten ausfährt. Ist eben nicht stimmig von der Pfeilrichtung. Ich möchte aber auch nicht dass 0% Markise auf bedeutet, wie bei Rollläden.

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

                                      @diginix
                                      In v3 kann man es drehen:

                                      0e088b1c-e70a-46cc-bbeb-4c177f5b6131-image.png
                                      Farbe muss aber direkt festgelegt werden:

                                      .mdi-chevron-down {
                                      	color: transparent;
                                      	background: url('https://api.iconify.design/mdi/chevron-up.svg?color=red') no-repeat center center / contain;
                                      }
                                      
                                      .mdi-chevron-up {
                                      	color: transparent;
                                      	background: url('https://api.iconify.design/mdi/chevron-down.svg?color=red') no-repeat center center / contain;
                                      }
                                      

                                      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
                                      1
                                      • M MCU

                                        @diginix
                                        In v3 kann man es drehen:

                                        0e088b1c-e70a-46cc-bbeb-4c177f5b6131-image.png
                                        Farbe muss aber direkt festgelegt werden:

                                        .mdi-chevron-down {
                                        	color: transparent;
                                        	background: url('https://api.iconify.design/mdi/chevron-up.svg?color=red') no-repeat center center / contain;
                                        }
                                        
                                        .mdi-chevron-up {
                                        	color: transparent;
                                        	background: url('https://api.iconify.design/mdi/chevron-down.svg?color=red') no-repeat center center / contain;
                                        }
                                        
                                        DiginixD Offline
                                        DiginixD Offline
                                        Diginix
                                        schrieb am zuletzt editiert von
                                        #5359

                                        @mcu Problem daran dürfte aber sein, dass es dann für alle Up/Down Buttons aller Rollläden usw. gedreht wäre oder?
                                        Schöner wäre es wenn man den CSS Selektor nur auf die Buttons des gewünschten Gerätes setzen könnte. Aber k.a. ob da persistente IDs im html existieren.
                                        Ich teste morgen mal die max:0,min:100 Regel was dann passiert. Kann zur aktuellen Tageszeit nur nicht mehr die Markisen öffnen ;-)

                                        ..:: 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 DiginixD 2 Antworten Letzte Antwort
                                        0
                                        • DiginixD Diginix

                                          @mcu Problem daran dürfte aber sein, dass es dann für alle Up/Down Buttons aller Rollläden usw. gedreht wäre oder?
                                          Schöner wäre es wenn man den CSS Selektor nur auf die Buttons des gewünschten Gerätes setzen könnte. Aber k.a. ob da persistente IDs im html existieren.
                                          Ich teste morgen mal die max:0,min:100 Regel was dann passiert. Kann zur aktuellen Tageszeit nur nicht mehr die Markisen öffnen ;-)

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

                                          @diginix Auf widget-Ebene kann man es eingrenzen.

                                          [widgets="ID"] .mdi-chevron.down{
                                          }
                                          

                                          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
                                          1
                                          Antworten
                                          • In einem neuen Thema antworten
                                          Anmelden zum Antworten
                                          • Älteste zuerst
                                          • Neuste zuerst
                                          • Meiste Stimmen


                                          Support us

                                          ioBroker
                                          Community Adapters
                                          Donate

                                          886

                                          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