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 v3.1.x - just another remarkable vis

NEWS

  • Monatsrückblick Januar/Februar 2026 ist online!
    BluefoxB
    Bluefox
    13
    1
    146

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

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

jarvis v3.1.x - just another remarkable vis

Scheduled Pinned Locked Moved Tester
jarvismaterialmaterial uimaterialdesignvisvisualisierungvisualization
1.9k Posts 93 Posters 757.4k Views 77 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.
  • Marc_el_KM Offline
    Marc_el_KM Offline
    Marc_el_K
    wrote on last edited by
    #1463

    Oh, vielen Dank 😊

    1 Reply Last reply
    0
    • S Offline
      S Offline
      SlipKoRn_DH88
      wrote on last edited by
      #1464

      Ich habe rtsp Kamera Streams per MotionEye eingebunden und nutze das Widget "DisplayImage", um mir die Streams in Jarvis anzuzeigen. Das Widget hat eine Größe von 1w x 3h und ist sehr klein. Ich möchte nun gerne, dass bei einem Klick/Tippen auf das kleine Widget ein Popup Fenster öffnet und den Stream groß im Popup anzeigt.

      Ist das irgendwie möglich umzusetzen?

      M 1 Reply Last reply
      0
      • S SlipKoRn_DH88

        Ich habe rtsp Kamera Streams per MotionEye eingebunden und nutze das Widget "DisplayImage", um mir die Streams in Jarvis anzuzeigen. Das Widget hat eine Größe von 1w x 3h und ist sehr klein. Ich möchte nun gerne, dass bei einem Klick/Tippen auf das kleine Widget ein Popup Fenster öffnet und den Stream groß im Popup anzeigt.

        Ist das irgendwie möglich umzusetzen?

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

        @slipkorn_dh88 Du kannst ja ein HomeKitTile als "Klick-Element" nutzen. Und dann bei Klick das Geräte-Popup nutzen.
        https://mcuiobroker.gitbook.io/jarvis-infos/jarvis-v3/besonderheiten-v3/styles/statelist-1/statelist-popup#grafana-iframe-popup-bloody

        Zeig mal bitte wie du die Streams eingebunden hast. Danke.

        NUC i7 64GB mit Proxmox ---- Jarvis Infos Aktualisierungen der Doku auf Instagram verfolgen -> mcuiobroker Instagram
        Wenn Euch mein Vorschlag geholfen hat, bitte rechts "^" klicken.

        S 1 Reply Last reply
        0
        • M MCU

          @slipkorn_dh88 Du kannst ja ein HomeKitTile als "Klick-Element" nutzen. Und dann bei Klick das Geräte-Popup nutzen.
          https://mcuiobroker.gitbook.io/jarvis-infos/jarvis-v3/besonderheiten-v3/styles/statelist-1/statelist-popup#grafana-iframe-popup-bloody

          Zeig mal bitte wie du die Streams eingebunden hast. Danke.

          S Offline
          S Offline
          SlipKoRn_DH88
          wrote on last edited by
          #1466

          @mcu
          Video.png
          Hier habe ich in das DisplayImage einfach die http://192.168.178.93:9081/ als Adresse des Streams eingegeben.
          Gedacht ist, dass ich das Widget, wie auf dem Bild zu sehen, sehr klein als "Preview" halte und dann mit einem Klick auf das Widget es im Popup oder auch Vollbild auf geht.

          Dein Vorschlag wäre eine Idee, aber damit habe ich keine "Preview"

          M 1 Reply Last reply
          0
          • S SlipKoRn_DH88

            @mcu
            Video.png
            Hier habe ich in das DisplayImage einfach die http://192.168.178.93:9081/ als Adresse des Streams eingegeben.
            Gedacht ist, dass ich das Widget, wie auf dem Bild zu sehen, sehr klein als "Preview" halte und dann mit einem Klick auf das Widget es im Popup oder auch Vollbild auf geht.

            Dein Vorschlag wäre eine Idee, aber damit habe ich keine "Preview"

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

            @slipkorn_dh88 Vollbild erlauben
            8e55d2c0-88d5-42eb-a1f0-212f17c7ecf1-image.png
            Aber das Bild wird nicht angepasst.

            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
            • S Offline
              S Offline
              SlipKoRn_DH88
              wrote on last edited by
              #1468

              @mcu sagte in jarvis v3.1.x - just another remarkable vis:

              @slipkorn_dh88 Vollbild erlauben
              8e55d2c0-88d5-42eb-a1f0-212f17c7ecf1-image.png
              Aber das Bild wird nicht angepasst.

              Nein, leider bleibt es hier im Vollbild auch klein.

              M 1 Reply Last reply
              0
              • S SlipKoRn_DH88

                @mcu sagte in jarvis v3.1.x - just another remarkable vis:

                @slipkorn_dh88 Vollbild erlauben
                8e55d2c0-88d5-42eb-a1f0-212f17c7ecf1-image.png
                Aber das Bild wird nicht angepasst.

                Nein, leider bleibt es hier im Vollbild auch klein.

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

                @slipkorn_dh88 Du musst im CSS eine Einstellung setzen.

                .isFullscreen .jarvis-DisplayImage,
                .isFullscreen .jarvis-DisplayImage img {
                	width: auto!important;
                	height: 100%!important;
                }
                

                Evtl auch anders setze, je nach Bild.

                .isFullscreen .jarvis-DisplayImage,
                .isFullscreen .jarvis-DisplayImage img {
                	width: 100%!important;
                	height: auto!important;
                }
                

                https://mcuiobroker.gitbook.io/jarvis-infos/jarvis-v3/besonderheiten-v3/module/displayimage/vollbild-automatisch-anpassen

                NUC i7 64GB mit Proxmox ---- Jarvis Infos Aktualisierungen der Doku auf Instagram verfolgen -> mcuiobroker Instagram
                Wenn Euch mein Vorschlag geholfen hat, bitte rechts "^" klicken.

                S Marc_el_KM 2 Replies Last reply
                1
                • M MCU

                  @slipkorn_dh88 Du musst im CSS eine Einstellung setzen.

                  .isFullscreen .jarvis-DisplayImage,
                  .isFullscreen .jarvis-DisplayImage img {
                  	width: auto!important;
                  	height: 100%!important;
                  }
                  

                  Evtl auch anders setze, je nach Bild.

                  .isFullscreen .jarvis-DisplayImage,
                  .isFullscreen .jarvis-DisplayImage img {
                  	width: 100%!important;
                  	height: auto!important;
                  }
                  

                  https://mcuiobroker.gitbook.io/jarvis-infos/jarvis-v3/besonderheiten-v3/module/displayimage/vollbild-automatisch-anpassen

                  S Offline
                  S Offline
                  SlipKoRn_DH88
                  wrote on last edited by
                  #1470

                  @mcu sagte in jarvis v3.1.x - just another remarkable vis:

                  @slipkorn_dh88 Du musst im CSS eine Einstellung setzen.

                  .isFullscreen .jarvis-DisplayImage,
                  .isFullscreen .jarvis-DisplayImage img {
                  	width: auto!important;
                  	height: 100%!important;
                  }
                  

                  Evtl auch anders setze, je nach Bild.

                  .isFullscreen .jarvis-DisplayImage,
                  .isFullscreen .jarvis-DisplayImage img {
                  	width: 100%!important;
                  	height: auto!important;
                  }
                  

                  https://mcuiobroker.gitbook.io/jarvis-infos/jarvis-v3/besonderheiten-v3/module/displayimage/vollbild-automatisch-anpassen

                  Vielen Dank! Danach habe ich gesucht

                  1 Reply Last reply
                  1
                  • D Offline
                    D Offline
                    DarkDevil
                    wrote on last edited by
                    #1471

                    Hallo zusammen,

                    Mir ist jetzt schön öfter aufgefallen, wenn ich einen Doppelklick (also zu dicke Finger und das eigentliche drücken möchte) bei einer State Liste ausführe, dann wird die State Liste im vollbild angezeigt.

                    Kann man diese Funktion abschalten? Oder liegt es am fully Kiosk Browser?

                    Schönen Sonntag euch noch

                    M 1 Reply Last reply
                    0
                    • D DarkDevil

                      Hallo zusammen,

                      Mir ist jetzt schön öfter aufgefallen, wenn ich einen Doppelklick (also zu dicke Finger und das eigentliche drücken möchte) bei einer State Liste ausführe, dann wird die State Liste im vollbild angezeigt.

                      Kann man diese Funktion abschalten? Oder liegt es am fully Kiosk Browser?

                      Schönen Sonntag euch noch

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

                      @darkdevil Kann man nicht abschalten. Ist in der v3.2.0-beta schon behoben.
                      Da gibt es aber noch viele Fehler (Kleinigkeiten) , also muss jeder für sich entscheiden, ob er installieren möchte.
                      siehe Issue in github.
                      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.

                      1 Reply Last reply
                      0
                      • M MCU

                        @slipkorn_dh88 Du musst im CSS eine Einstellung setzen.

                        .isFullscreen .jarvis-DisplayImage,
                        .isFullscreen .jarvis-DisplayImage img {
                        	width: auto!important;
                        	height: 100%!important;
                        }
                        

                        Evtl auch anders setze, je nach Bild.

                        .isFullscreen .jarvis-DisplayImage,
                        .isFullscreen .jarvis-DisplayImage img {
                        	width: 100%!important;
                        	height: auto!important;
                        }
                        

                        https://mcuiobroker.gitbook.io/jarvis-infos/jarvis-v3/besonderheiten-v3/module/displayimage/vollbild-automatisch-anpassen

                        Marc_el_KM Offline
                        Marc_el_KM Offline
                        Marc_el_K
                        wrote on last edited by
                        #1473

                        @mcu sagte in jarvis v3.1.x - just another remarkable vis:

                        @slipkorn_dh88 Du musst im CSS eine Einstellung setzen.

                        .isFullscreen .jarvis-DisplayImage,
                        .isFullscreen .jarvis-DisplayImage img {
                        	width: auto!important;
                        	height: 100%!important;
                        }
                        

                        Ich habe bei mir die Previews der Kameras mit StateHTML Widgets eingebunden und die Preview läuft einwandfrei. Der Datenpunkt verweist auf jeweils auf iobroker mittels der HTML Zeile

                        <iframe src="http://1......................./webrtc.html?src=camera2&media=video" scrolling="no" frameborder="0" height="290px" width=100%></iframe>
                        

                        Durch die 290px ist es im Widget perfekt, wird aber im FullScreen nicht geändert. Kann man das mittels CSS überschreiben?

                        M 1 Reply Last reply
                        0
                        • Marc_el_KM Marc_el_K

                          @mcu sagte in jarvis v3.1.x - just another remarkable vis:

                          @slipkorn_dh88 Du musst im CSS eine Einstellung setzen.

                          .isFullscreen .jarvis-DisplayImage,
                          .isFullscreen .jarvis-DisplayImage img {
                          	width: auto!important;
                          	height: 100%!important;
                          }
                          

                          Ich habe bei mir die Previews der Kameras mit StateHTML Widgets eingebunden und die Preview läuft einwandfrei. Der Datenpunkt verweist auf jeweils auf iobroker mittels der HTML Zeile

                          <iframe src="http://1......................./webrtc.html?src=camera2&media=video" scrolling="no" frameborder="0" height="290px" width=100%></iframe>
                          

                          Durch die 290px ist es im Widget perfekt, wird aber im FullScreen nicht geändert. Kann man das mittels CSS überschreiben?

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

                          @marc_el_k Versuch mal

                          .isFullscreen .jarvis-widget-6fcc15f5-051d-4a44-9c33-957489b0bf3e .StateHTML-iFrame{
                            height: 100vH !important;
                          }
                          

                          ansonsten mal direkt mit px

                          .isFullscreen .jarvis-widget-6fcc15f5-051d-4a44-9c33-957489b0bf3e .StateHTML-iFrame{
                            height: 800px !important;
                          }
                          

                          WidgetId von StateHTML anpassen.

                          NUC i7 64GB mit Proxmox ---- Jarvis Infos Aktualisierungen der Doku auf Instagram verfolgen -> mcuiobroker Instagram
                          Wenn Euch mein Vorschlag geholfen hat, bitte rechts "^" klicken.

                          Marc_el_KM 1 Reply Last reply
                          0
                          • M MCU

                            @marc_el_k Versuch mal

                            .isFullscreen .jarvis-widget-6fcc15f5-051d-4a44-9c33-957489b0bf3e .StateHTML-iFrame{
                              height: 100vH !important;
                            }
                            

                            ansonsten mal direkt mit px

                            .isFullscreen .jarvis-widget-6fcc15f5-051d-4a44-9c33-957489b0bf3e .StateHTML-iFrame{
                              height: 800px !important;
                            }
                            

                            WidgetId von StateHTML anpassen.

                            Marc_el_KM Offline
                            Marc_el_KM Offline
                            Marc_el_K
                            wrote on last edited by
                            #1475

                            @mcu sagte in jarvis v3.1.x - just another remarkable vis:

                            WidgetId von StateHTML anpassen.

                            Habe ich versucht. Größe ändert sich aber leider nicht. So sieht der Vollbildmodus aus

                            27f4501b-1f4a-4b14-b65a-771b8d11f968-image.png

                            M 1 Reply Last reply
                            0
                            • Marc_el_KM Marc_el_K

                              @mcu sagte in jarvis v3.1.x - just another remarkable vis:

                              WidgetId von StateHTML anpassen.

                              Habe ich versucht. Größe ändert sich aber leider nicht. So sieht der Vollbildmodus aus

                              27f4501b-1f4a-4b14-b65a-771b8d11f968-image.png

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

                              @marc_el_k Klick mal auf das Bild und rechte Maustaste -> Untersuchen
                              Was dann erscheint, etwas größer ziehen und reinstellen.

                              NUC i7 64GB mit Proxmox ---- Jarvis Infos Aktualisierungen der Doku auf Instagram verfolgen -> mcuiobroker Instagram
                              Wenn Euch mein Vorschlag geholfen hat, bitte rechts "^" klicken.

                              Marc_el_KM 1 Reply Last reply
                              0
                              • M MCU

                                @marc_el_k Klick mal auf das Bild und rechte Maustaste -> Untersuchen
                                Was dann erscheint, etwas größer ziehen und reinstellen.

                                Marc_el_KM Offline
                                Marc_el_KM Offline
                                Marc_el_K
                                wrote on last edited by
                                #1477

                                @mcu Ich hoffe so ist es okay? Rechtsklick verweist auf die blau markierte Zeile.

                                9c05f5d0-6798-4752-a536-a3581a556956-image.png

                                M 1 Reply Last reply
                                0
                                • Marc_el_KM Marc_el_K

                                  @mcu Ich hoffe so ist es okay? Rechtsklick verweist auf die blau markierte Zeile.

                                  9c05f5d0-6798-4752-a536-a3581a556956-image.png

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

                                  @marc_el_k Klick mal auf die iframe Zeile
                                  6b0ec832-5c37-4d07-b5c6-d4bbb3444aca-image.png

                                  Versuch mal

                                  .isFullscreen .jarvis-widget-6fcc15f5-051d-4a44-9c33-957489b0bf3e iFrame{
                                    height: 100vH !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.

                                  Marc_el_KM 1 Reply Last reply
                                  0
                                  • M MCU

                                    @marc_el_k Klick mal auf die iframe Zeile
                                    6b0ec832-5c37-4d07-b5c6-d4bbb3444aca-image.png

                                    Versuch mal

                                    .isFullscreen .jarvis-widget-6fcc15f5-051d-4a44-9c33-957489b0bf3e iFrame{
                                      height: 100vH !important;
                                    }
                                    
                                    Marc_el_KM Offline
                                    Marc_el_KM Offline
                                    Marc_el_K
                                    wrote on last edited by
                                    #1479

                                    @mcu sagte in jarvis v3.1.x - just another remarkable vis:

                                    Versuch mal

                                    Perfekt. Ich hatte erst ".IFrame" damit ging es nicht, ohne den Punkt gehts perfekt. Vielen Dank :-)

                                    YunaKatoY 1 Reply Last reply
                                    0
                                    • Marc_el_KM Marc_el_K

                                      @mcu sagte in jarvis v3.1.x - just another remarkable vis:

                                      Versuch mal

                                      Perfekt. Ich hatte erst ".IFrame" damit ging es nicht, ohne den Punkt gehts perfekt. Vielen Dank :-)

                                      YunaKatoY Offline
                                      YunaKatoY Offline
                                      YunaKato
                                      wrote on last edited by YunaKato
                                      #1480

                                      Hallo,

                                      ich versuche über Anzeigevariante ein Bild im fall "true" blinken zu lassen. Ist das möglich? Das war mein letzter nicht funktionierende Versuch .

                                      {
                                      "false":"http://192.168.0.138:8083/vis.0/bilder/mailbox_empty.png",
                                      "true":"<class='gelbblink'> <img src='http://192.168.0.138:8083/vis.0/bilder/mailbox_full.png'/>"
                                      }
                                      
                                      1 Reply Last reply
                                      0
                                      • M Online
                                        M Online
                                        MCU
                                        wrote on last edited by
                                        #1481

                                        @yunakato Code immer in CodeTags -> </>

                                        {
                                        "false":"http://192.168.0.138:8083/vis.0/bilder/mailbox_empty.png",
                                        "true":"<img class='gelbblink' src='http://192.168.0.138:8083/vis.0/bilder/mailbox_full.png'/>"
                                        }
                                        

                                        NUC i7 64GB mit Proxmox ---- Jarvis Infos Aktualisierungen der Doku auf Instagram verfolgen -> mcuiobroker Instagram
                                        Wenn Euch mein Vorschlag geholfen hat, bitte rechts "^" klicken.

                                        YunaKatoY 1 Reply Last reply
                                        0
                                        • M MCU

                                          @yunakato Code immer in CodeTags -> </>

                                          {
                                          "false":"http://192.168.0.138:8083/vis.0/bilder/mailbox_empty.png",
                                          "true":"<img class='gelbblink' src='http://192.168.0.138:8083/vis.0/bilder/mailbox_full.png'/>"
                                          }
                                          
                                          YunaKatoY Offline
                                          YunaKatoY Offline
                                          YunaKato
                                          wrote on last edited by
                                          #1482

                                          @mcu sagte in jarvis v3.1.x - just another remarkable vis:

                                          @yunakato Code immer in CodeTags -> </>

                                          {
                                          "false":"http://192.168.0.138:8083/vis.0/bilder/mailbox_empty.png",
                                          "true":"<img class='gelbblink' src='http://192.168.0.138:8083/vis.0/bilder/mailbox_full.png'/>"
                                          }
                                          

                                          Danke !

                                          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

                                          532

                                          Online

                                          32.7k

                                          Users

                                          82.4k

                                          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