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

jarvis v2.2.0 - just another remarkable vis

Scheduled Pinned Locked Moved Tester
jarvismaterialmaterial uimaterialdesignvisvisualisierungvisualization
6.1k Posts 316 Posters 4.2m Views 273 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.
  • 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
    wrote on last edited by
    #5339

    @mcu Saugeil!!! So langsam habe ich das Meiste genauso wie ich es möchte :-)

    1 Reply Last reply
    0
    • R Offline
      R Offline
      RkcCorian
      wrote on last edited by
      #5340

      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 ? 3 Replies Last reply
      0
      • 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
        wrote on last edited by
        #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 Replies Last reply
        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
          wrote on last edited by
          #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 Reply Last reply
          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
            wrote on last edited by
            #5343

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

            1 Reply Last reply
            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
              wrote on last edited by
              #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 Reply Last reply
              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
                A Former User
                wrote on last edited by
                #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 Reply Last reply
                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
                  A Former User
                  wrote on last edited by
                  #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 Reply Last reply
                  0
                  • ? A Former User

                    @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
                    wrote on last edited by
                    #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 Reply Last reply
                    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
                      A Former User
                      wrote on last edited by
                      #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 Reply Last reply
                      0
                      • ? A Former User

                        @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
                        wrote on last edited by
                        #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 Reply Last reply
                        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
                          A Former User
                          wrote on last edited by
                          #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 Replies Last reply
                          0
                          • ? A Former User

                            @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
                            wrote on last edited by
                            #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 Reply Last reply
                            0
                            • ? A Former User

                              @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
                              wrote on last edited by
                              #5352

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

                              1 Reply Last reply
                              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
                                A Former User
                                wrote on last edited by A Former User
                                #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 Reply Last reply
                                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
                                  wrote on last edited by
                                  #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 Reply Last reply
                                  1
                                  • DiginixD Offline
                                    DiginixD Offline
                                    Diginix
                                    wrote on last edited by
                                    #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 Reply Last reply
                                    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
                                      wrote on last edited by 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 Reply Last reply
                                      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
                                        wrote on last edited by
                                        #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 Reply Last reply
                                        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
                                          wrote on last edited by
                                          #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 Reply Last reply
                                          1
                                          Reply
                                          • Reply as topic
                                          Log in to reply
                                          • Oldest to Newest
                                          • Newest to Oldest
                                          • Most Votes


                                          Support us

                                          ioBroker
                                          Community Adapters
                                          Donate

                                          426

                                          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