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

  • Jahresrückblick 2025 – unser neuer Blogbeitrag ist online! ✨
    BluefoxB
    Bluefox
    17
    1
    2.8k

  • Neuer Blogbeitrag: Monatsrückblick - Dezember 2025 🎄
    BluefoxB
    Bluefox
    13
    1
    1.1k

  • Weihnachtsangebot 2025! 🎄
    BluefoxB
    Bluefox
    25
    1
    2.4k

jarvis v2.2.0 - just another remarkable vis

Scheduled Pinned Locked Moved Tester
jarvismaterialmaterial uimaterialdesignvisvisualisierungvisualization
6.1k Posts 316 Posters 4.3m 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

    @sigi234 Hat @RkcCorian gerade gemacht.
    https://mcuiobroker.gitbook.io/jarvis-infos/jarvis/besonderheiten-v3/styles/jarvis-klassen#beispiel-um-die-oberflaeche-transparent-zu-gestalten

    R Offline
    R Offline
    RkcCorian
    wrote on last edited by
    #5329

    @mcu Cool, da sind noch mehr CSS, die ich noch nicht kannte. Vielen Dank!!!

    1 Reply Last reply
    1
    • R RkcCorian

      @mcu Danke!!! Hab's gerade probiert und hat auch geklappt. Allerdings ist die Ladezeit merkbar höher als wenn ich getrennt eine Webseite auf der Synology laufen lasse. Daher lasse ich es so wie es ist. Wenn ich die Möglichkeit nicht hätte ist das aber eine echt gute Möglichkeit! :-)

      ? Offline
      ? Offline
      A Former User
      wrote on last edited by
      #5330

      @rkccorian oh okay ist mir noch garnicht aufgefallen, muss ich mal darauf achten ob es bei mir auch die Ladezeit verlängert.

      1 Reply Last reply
      0
      • M Online
        M Online
        MCU
        wrote on last edited by
        #5331

        @rkccorian Bzgl Umschalten der TABs: https://mcuiobroker.gitbook.io/jarvis-infos/jarvis/beispiele/notifications/v3
        Dies funktioniert momentan nur solange, bis der Browser ein Update bekommt. Denn dann wird eine neue Nummer für den Browser vergeben.

        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
        • DiginixD Offline
          DiginixD Offline
          Diginix
          wrote on last edited by
          #5332

          Kann ich bei Statelists eigentlich auch Icons statt dem Textwert des DPs abhängig vom Wert anzeigen lassen?
          So wie beim Adapter Widget:
          5a086bb4-1b95-4026-8d42-1993b2262972-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

            Kann ich bei Statelists eigentlich auch Icons statt dem Textwert des DPs abhängig vom Wert anzeigen lassen?
            So wie beim Adapter Widget:
            5a086bb4-1b95-4026-8d42-1993b2262972-image.png

            M Online
            M Online
            MCU
            wrote on last edited by
            #5333

            @diginix
            https://mcuiobroker.gitbook.io/jarvis-infos/jarvis/beispiele/geraete-einstellungen/anzeigevariante/icon-statt-statewert

            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
            • ? A Former User

              @noah3112 Du kannst Bilder auch unter "Dateien" bei ioBroker speichern. Der Menüpunkt ist ja neu in der neuen Adminansicht. Der Pfad ist dann http://ipDeinesIObrokers:8081/files/0_userdata.0/dateiname.jpg

              Du kannst dann auch unter Dateien, doppelklick auf das Bild dann machen, dann öffnet sich das und dann darauf Rechtsklick und auf "Im neuen Tab öffne" oder halt "als Seite" und dann hast du auch die komplette Url in der Adressleiste.

              ? Offline
              ? Offline
              A Former User
              wrote on last edited by
              #5334

              @ciddi89 Cool das kannte ich noch nicht. Danke für den Tipp 👍

              1 Reply Last reply
              0
              • DiginixD Offline
                DiginixD Offline
                Diginix
                wrote on last edited by
                #5335

                @MCU Kann man die Pfeile bzw. deren Trigger beeinflussen?
                4d5a72fc-dd84-48da-8736-e9dcc00d7d80-image.png

                Die Gruppenaktionen sind genau verdreht zu den Buttons der Levelaktions bei Rollläden.

                Außerdem hätte ich ganz unten bei der Markise gern dass der Pfeil nach unten den Level von 0>100 steuert und nicht von 100>0. Die 100% Level bedeuten die Markise ist komplett ausgefahren und 0 heißt sie ist eingefahren. Die Pfeile suggerieren aber das Gegenteil.

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

                R M 2 Replies Last reply
                0
                • DiginixD Diginix

                  @MCU Kann man die Pfeile bzw. deren Trigger beeinflussen?
                  4d5a72fc-dd84-48da-8736-e9dcc00d7d80-image.png

                  Die Gruppenaktionen sind genau verdreht zu den Buttons der Levelaktions bei Rollläden.

                  Außerdem hätte ich ganz unten bei der Markise gern dass der Pfeil nach unten den Level von 0>100 steuert und nicht von 100>0. Die 100% Level bedeuten die Markise ist komplett ausgefahren und 0 heißt sie ist eingefahren. Die Pfeile suggerieren aber das Gegenteil.

                  R Offline
                  R Offline
                  RkcCorian
                  wrote on last edited by
                  #5336

                  @diginix Ist es das was Du suchst?
                  34a38e8c-d7a8-4e2e-85c1-25d6c862f299-image.png

                  Gegenfrage: Wie hast Du den in dem BlindLevelAction die Farbe für den Stopp-Button geändert? :-)

                  M 1 Reply Last reply
                  0
                  • DiginixD Diginix

                    @MCU Kann man die Pfeile bzw. deren Trigger beeinflussen?
                    4d5a72fc-dd84-48da-8736-e9dcc00d7d80-image.png

                    Die Gruppenaktionen sind genau verdreht zu den Buttons der Levelaktions bei Rollläden.

                    Außerdem hätte ich ganz unten bei der Markise gern dass der Pfeil nach unten den Level von 0>100 steuert und nicht von 100>0. Die 100% Level bedeuten die Markise ist komplett ausgefahren und 0 heißt sie ist eingefahren. Die Pfeile suggerieren aber das Gegenteil.

                    M Online
                    M Online
                    MCU
                    wrote on last edited by MCU
                    #5337

                    @diginix
                    Welche Pfeile möchtest du beeinflussen? Die Funktion ist nur im Blind bzgl "min", "max" beeinflussbar (wie es schon @RkcCorian gezeigt hat), die Gruppenfunktion nicht.
                    Die Darstellung kann man ein wenig mit CSS beeinflussen.
                    v3:
                    https://mcuiobroker.gitbook.io/jarvis-infos/jarvis/besonderheiten-v3/styles/besondere-klassen/widgets-id#widgets-id-.blindlevelaction-role-button-verkleinerung-der-rollladen-buttons
                    Bist du auf v2?

                    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
                    • R RkcCorian

                      @diginix Ist es das was Du suchst?
                      34a38e8c-d7a8-4e2e-85c1-25d6c862f299-image.png

                      Gegenfrage: Wie hast Du den in dem BlindLevelAction die Farbe für den Stopp-Button geändert? :-)

                      M Online
                      M Online
                      MCU
                      wrote on last edited by MCU
                      #5338

                      @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;
                      }
                      

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


                                          Support us

                                          ioBroker
                                          Community Adapters
                                          Donate

                                          290

                                          Online

                                          32.6k

                                          Users

                                          82.3k

                                          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