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

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

    @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
    schrieb am zuletzt editiert von
    #5329

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

    1 Antwort Letzte Antwort
    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
      Ein ehemaliger Benutzer
      schrieb am zuletzt editiert von
      #5330

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

      1 Antwort Letzte Antwort
      0
      • M Online
        M Online
        MCU
        schrieb am zuletzt editiert von
        #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 Antwort Letzte Antwort
        0
        • DiginixD Offline
          DiginixD Offline
          Diginix
          schrieb am zuletzt editiert von
          #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 Antwort Letzte Antwort
          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
            schrieb am zuletzt editiert von
            #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 Antwort Letzte Antwort
            1
            • ? Ein ehemaliger Benutzer

              @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
              Ein ehemaliger Benutzer
              schrieb am zuletzt editiert von
              #5334

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

              1 Antwort Letzte Antwort
              0
              • DiginixD Offline
                DiginixD Offline
                Diginix
                schrieb am zuletzt editiert von
                #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 Antworten Letzte Antwort
                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
                  schrieb am zuletzt editiert von
                  #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 Antwort Letzte Antwort
                  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
                    schrieb am zuletzt editiert von 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 Antwort Letzte Antwort
                    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
                      schrieb am zuletzt editiert von 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 Antworten Letzte Antwort
                      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
                        schrieb am zuletzt editiert von
                        #5339

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

                        1 Antwort Letzte Antwort
                        0
                        • R Offline
                          R Offline
                          RkcCorian
                          schrieb am zuletzt editiert von
                          #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 Antworten Letzte Antwort
                          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
                            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
                                          Antworten
                                          • In einem neuen Thema antworten
                                          Anmelden zum Antworten
                                          • Älteste zuerst
                                          • Neuste zuerst
                                          • Meiste Stimmen


                                          Support us

                                          ioBroker
                                          Community Adapters
                                          Donate

                                          347

                                          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