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
    3.2k

  • 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.
  • A Offline
    A Offline
    Adnim
    wrote on last edited by Adnim
    #3890

    Hi!
    habe irgendwie nach dem Update von 2.10->2.2.0 keine Icons mehr, überall sind so kleine Quadrate zu sehen. Zurück auf die 2.10 funktioniert alles wieder wie gewohnt.
    Jemand nen Tipp?

    Unbenannt.JPG

    Edith: Habs gefunden, Web adapter restart und läuft...

    1 Reply Last reply
    0
    • M MCU

      @lordlolo sagte in jarvis v2.1.0 - just another remarkable vis:

      UpCam Cyclone

      Du kannst die Kamera mit http://Ip-der-Kamera:80 erreichen und sie zeigt ein Bild?
      Was kommt denn bei einem iFrame mit http://Ip-der-Kamera:80?

      z.B.:
      7ba67993-8216-436a-b395-8b2fb21ad2f6-image.png

      Vielleicht kann dort auch der stream direkt rein:
      rtsp://192.168.X.X:554/11 (für HD-Auflösung) - Kann es nicht testen, habe keine

      https://www.upcam.de/hilfe/ip-kamera-am-pc-mac/vlc-player-einrichten

      Bei FritzTelefon muss man das eintragen:
      http://admin1:admin2@192.168.X.X/tmpfs/snap.jpg
      also http://User:Passwort@IP-adresseKamera/tmpfs/snap.jpg

      https://www.upcam.de/hilfe/ip-kameras-mit-avm-fritzfon-nutzen

      L Offline
      L Offline
      LordLolo
      wrote on last edited by LordLolo
      #3891

      http://admin1:admin2@192.168.X.X/tmpfs/snap.jpg
      also http://User:Passwort@IP-adresseKamera/tmpfs/snap.jpg

      https://www.upcam.de/hilfe/ip-kameras-mit-avm-fritzfon-nutzen

      Danke, iframe funktioniert. Allerdings nur wenn ich parallel über einen anderen Browser-Tab in der GUI der Kamera eingeloggt bin über diesen Link:
      http://IP-adresseKamera/tmpfs/snap.jpg

      Bin ich nicht in der GUI eingeloggt, bekomme ich eine User/PW Abfrage über den Browser.

      Mit diesem Link http://User:Passwort@IP-adresseKamera/tmpfs/snap.jpg bekomme ich merkwürdigerweise nichts angezeigt.

      Edit: Habe gerade gelesen, dass es wohl ein Problem beim Chrome Browser ist, dass user/PW nicht übergeben werden.

      Edit: In der Tat, im Firefox funktioniert es

      L 1 Reply Last reply
      0
      • L LordLolo

        http://admin1:admin2@192.168.X.X/tmpfs/snap.jpg
        also http://User:Passwort@IP-adresseKamera/tmpfs/snap.jpg

        https://www.upcam.de/hilfe/ip-kameras-mit-avm-fritzfon-nutzen

        Danke, iframe funktioniert. Allerdings nur wenn ich parallel über einen anderen Browser-Tab in der GUI der Kamera eingeloggt bin über diesen Link:
        http://IP-adresseKamera/tmpfs/snap.jpg

        Bin ich nicht in der GUI eingeloggt, bekomme ich eine User/PW Abfrage über den Browser.

        Mit diesem Link http://User:Passwort@IP-adresseKamera/tmpfs/snap.jpg bekomme ich merkwürdigerweise nichts angezeigt.

        Edit: Habe gerade gelesen, dass es wohl ein Problem beim Chrome Browser ist, dass user/PW nicht übergeben werden.

        Edit: In der Tat, im Firefox funktioniert es

        L Offline
        L Offline
        LordLolo
        wrote on last edited by
        #3892

        An die Profis hier:

        Für meine Kamerasteuerung kann man im Prinzip eine Website erstellen auf der man dann die Steuerung einbindet

        Zitat
        "Laden Sie die Dateien aus den Ordnern...

        • /css/
        • /images/
        • /js/
          ...auf Ihren Webspace hoch."

        Kann ich das auch irgendwie direkt über den IOBroker bzw. Jarvis realisieren oder muss ich dafür einen Apache Server auf dem Raspi laufen lassen und dann mit dem iframe widget auf diese Seite zugreifen?

        1 Reply Last reply
        0
        • M MCU

          Falls jemand einen Link im Fall von true anzeigen lassen möchte:

          {"false":"<span class='blink'>Alles geschlossen</span>","true":"<a href='https://www.google.de'>GoogleDE</a>"}
          

          In die Anzeigevariante eingeben:
          cb21388a-d883-497e-95d4-7bb3219d07fb-image.png

          1c0a15ef-8408-4706-9eb6-eb8f9b3e040b-image.png
          Wenn man ihn anklickt, öffnet sich https://www.google.de in der gleichen Browserseite (TAB).

          Mit Ergänzung im neuen TAB:

          <a href='https://www.google.de' target='_blank'>Ein Google Link</a>
          
          X Offline
          X Offline
          xdelta
          wrote on last edited by xdelta
          #3893

          @mcu said in jarvis v2.1.0 - just another remarkable vis:

          {"false":"<span class='blink'>Alles geschlossen</span>","true":"<a href='https://www.google.de'>GoogleDE</a>"}

          Kannst Du mal testweise an der Stelle wo bei dir bei true "Alles geschlossen" angezeigt wird (und blinkt), irgendein Icon anzeigen lassen?

          Exakt dies ist mein Problem mit der v2.2. Ich bekomme bei den states rechts keine Icons mehr angezeigt, lediglich den state als Text.

          Funktioniert (als Anzeigevariante):

          {"false":"<span class='blink'>Alles geschlossen</span>","true":"<a href='https://www.google.de'>GoogleDE</a>
          

          Funktioniert bei mir nur mit der v2.1 (nicht mit der v2.2)

          {"false":"<span class='mdi-home blink'>Alles geschlossen</span>","true":"<a href='https://www.google.de'>GoogleDE</a>
          
          M 1 Reply Last reply
          0
          • X xdelta

            @mcu said in jarvis v2.1.0 - just another remarkable vis:

            {"false":"<span class='blink'>Alles geschlossen</span>","true":"<a href='https://www.google.de'>GoogleDE</a>"}

            Kannst Du mal testweise an der Stelle wo bei dir bei true "Alles geschlossen" angezeigt wird (und blinkt), irgendein Icon anzeigen lassen?

            Exakt dies ist mein Problem mit der v2.2. Ich bekomme bei den states rechts keine Icons mehr angezeigt, lediglich den state als Text.

            Funktioniert (als Anzeigevariante):

            {"false":"<span class='blink'>Alles geschlossen</span>","true":"<a href='https://www.google.de'>GoogleDE</a>
            

            Funktioniert bei mir nur mit der v2.1 (nicht mit der v2.2)

            {"false":"<span class='mdi-home blink'>Alles geschlossen</span>","true":"<a href='https://www.google.de'>GoogleDE</a>
            
            M Online
            M Online
            MCU
            wrote on last edited by
            #3894

            @xdelta Also mit dem ICON davor funktioniert 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.

            X 1 Reply Last reply
            0
            • M MCU

              @xdelta Also mit dem ICON davor funktioniert nicht.

              X Offline
              X Offline
              xdelta
              wrote on last edited by xdelta
              #3895

              @mcu
              Danke!
              Und genau dies ging aber zweifelsfrei mit der 2.1 - also anstelle des state-Textes ein Icon.
              Dann muss ich wohl bei der 2.1 bleiben... :anguished:

              M 1 Reply Last reply
              0
              • X xdelta

                @mcu
                Danke!
                Und genau dies ging aber zweifelsfrei mit der 2.1 - also anstelle des state-Textes ein Icon.
                Dann muss ich wohl bei der 2.1 bleiben... :anguished:

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

                @xdelta Ich denke mal, dass zefau das anpassen wird. Also Geduld. Wird schon.

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

                X 1 Reply Last reply
                0
                • M MCU

                  @xdelta Ich denke mal, dass zefau das anpassen wird. Also Geduld. Wird schon.

                  X Offline
                  X Offline
                  xdelta
                  wrote on last edited by xdelta
                  #3897

                  @mcu
                  OK, ich warte gerne! Diese Visualisierung ist einfach zu toll und könnte kaum dynamischer in der Entwicklung sein. Ich hoffe es wird fleissig gespendet von allen!

                  ZefauZ M 3 Replies Last reply
                  1
                  • X xdelta

                    @mcu
                    OK, ich warte gerne! Diese Visualisierung ist einfach zu toll und könnte kaum dynamischer in der Entwicklung sein. Ich hoffe es wird fleissig gespendet von allen!

                    ZefauZ Offline
                    ZefauZ Offline
                    Zefau
                    wrote on last edited by
                    #3898

                    @xdelta geht ab 2.2 nicht mehr aufgrund des Wechsels auf Iconify

                    Meine Adapter: https://zefau.github.io/iobroker/

                    1 Reply Last reply
                    0
                    • X xdelta

                      @mcu
                      OK, ich warte gerne! Diese Visualisierung ist einfach zu toll und könnte kaum dynamischer in der Entwicklung sein. Ich hoffe es wird fleissig gespendet von allen!

                      ZefauZ Offline
                      ZefauZ Offline
                      Zefau
                      wrote on last edited by
                      #3899

                      @xdelta https://github.com/Zefau/ioBroker.jarvis/issues/563

                      Meine Adapter: https://zefau.github.io/iobroker/

                      1 Reply Last reply
                      0
                      • X xdelta

                        @mcu
                        OK, ich warte gerne! Diese Visualisierung ist einfach zu toll und könnte kaum dynamischer in der Entwicklung sein. Ich hoffe es wird fleissig gespendet von allen!

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

                        @xdelta
                        Beispiel blink mit ICON.gif

                        So?

                        .background-test {
                           display: inline-block;
                           width: 1em;
                           height: 1em;
                           vertical-align: -0.125em;
                           background: url('https://api.iconify.design/bi/bell-fill.svg') no-repeat
                               center center / contain;
                        }
                        
                        {"false":"<span class='background-test blink'></span>","true":"<a href='https://www.google.de'>GoogleDE</a>"}
                        

                        Warum reicht Dir eigentlich nicht das blinkende ICON vorne?

                        Beispiel blink mit ICON vorne.gif

                        {"false":"<span class='alarm blink'></span>","true":"<a href='https://www.google.de'>GoogleDE</a>"}
                        

                        Mit Farbe:

                        .alarm {
                           display: inline-block;
                           width: 1em;
                           height: 1em;
                           vertical-align: -0.125em;
                           background: url('https://api.iconify.design/mdi:shield-home.svg?color=red') no-repeat center center / contain;
                        }
                        
                        

                        Beispiel blink mit Alarm.gif

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

                        X 1 Reply Last reply
                        1
                        • M MCU

                          Sortierung mit 2.2.0-beta.48in Ordnung:
                          8fae7bbb-8dbf-412c-97f9-ed9f4ea499a4-image.png

                          B Offline
                          B Offline
                          blackangel15741
                          wrote on last edited by blackangel15741
                          #3901

                          @mcu sagte in jarvis v2.1.0 - just another remarkable vis:

                          Sortierung mit 2.2.0-beta.48in Ordnung:
                          8fae7bbb-8dbf-412c-97f9-ed9f4ea499a4-image.png

                          Danke für die Meldung
                          Aber sortiert so wie man es vorgibt ist es noch nicht. Habe Wert für "aus" und "lüften" definiert und jetzt steht lüften ganz oben und aus ganz unten. Kann man das noch anders anordnen?

                          Die Markierungen für die Temperatur Badezimmer ist auf dem Tablet zu sehen, auf dem Smartphone s20plus leider nicht. Woran liegt das?

                          20210226_175432.jpg

                          20210226_175321.jpg

                          Screenshot_20210226-175609_Fully Kiosk Browser.jpg

                          20210226_175711.jpg

                          M 1 Reply Last reply
                          0
                          • B blackangel15741

                            @mcu sagte in jarvis v2.1.0 - just another remarkable vis:

                            Sortierung mit 2.2.0-beta.48in Ordnung:
                            8fae7bbb-8dbf-412c-97f9-ed9f4ea499a4-image.png

                            Danke für die Meldung
                            Aber sortiert so wie man es vorgibt ist es noch nicht. Habe Wert für "aus" und "lüften" definiert und jetzt steht lüften ganz oben und aus ganz unten. Kann man das noch anders anordnen?

                            Die Markierungen für die Temperatur Badezimmer ist auf dem Tablet zu sehen, auf dem Smartphone s20plus leider nicht. Woran liegt das?

                            20210226_175432.jpg

                            20210226_175321.jpg

                            Screenshot_20210226-175609_Fully Kiosk Browser.jpg

                            20210226_175711.jpg

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

                            @blackangel15741 Was mir auffällt: Du schreibst Aus (groß) lüften (klein). Schreib mal beides klein und dann beides groß und vergleiche. Danke.
                            Wie sind die Einstellungen zum Levelbody vom Badezimmer und Badezimmer WT?

                            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

                              Sortierung mit 2.2.0-beta.48in Ordnung:
                              8fae7bbb-8dbf-412c-97f9-ed9f4ea499a4-image.png

                              B Offline
                              B Offline
                              blackangel15741
                              wrote on last edited by blackangel15741
                              #3903

                              @mcu sagte in jarvis v2.1.0 - just another remarkable vis:

                              Sortierung mit 2.2.0-beta.48in Ordnung:
                              8fae7bbb-8dbf-412c-97f9-ed9f4ea499a4-image.png

                              Also ob klein oder gross die Position von aus und lüften verändert sich nicht.
                              Habe heute die neueste Version installiert.

                              20210226_184516.jpg

                              Level Badezimmer

                              20210226_184904.jpg

                              M 1 Reply Last reply
                              0
                              • B blackangel15741

                                @mcu sagte in jarvis v2.1.0 - just another remarkable vis:

                                Sortierung mit 2.2.0-beta.48in Ordnung:
                                8fae7bbb-8dbf-412c-97f9-ed9f4ea499a4-image.png

                                Also ob klein oder gross die Position von aus und lüften verändert sich nicht.
                                Habe heute die neueste Version installiert.

                                20210226_184516.jpg

                                Level Badezimmer

                                20210226_184904.jpg

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

                                @blackangel15741 Ich würde min und max Werte etwas enger fassen:
                                Nicht von 5-30, sondern 18-25 oder so?
                                Badezimmer WT von 0-35?

                                3726d38e-ebdf-4d1c-9d46-ec522e644ce8-image.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.

                                B 1 Reply Last reply
                                0
                                • M MCU

                                  @blackangel15741 Ich würde min und max Werte etwas enger fassen:
                                  Nicht von 5-30, sondern 18-25 oder so?
                                  Badezimmer WT von 0-35?

                                  3726d38e-ebdf-4d1c-9d46-ec522e644ce8-image.png

                                  B Offline
                                  B Offline
                                  blackangel15741
                                  wrote on last edited by
                                  #3905

                                  @mcu sagte in jarvis v2.1.0 - just another remarkable vis:

                                  @blackangel15741 Ich würde min und max Werte etwas enger fassen:
                                  Nicht von 5-30, sondern 18-25 oder so?
                                  Badezimmer WT von 0-35?

                                  3726d38e-ebdf-4d1c-9d46-ec522e644ce8-image.png

                                  Naja, ich denke mit dem slider zu arbeiten ist auf dem Handy mit einer Hand und der Displaygröße nicht so sinnvoll. Eher nur auf dem Tabet.
                                  Wenn man eine Instanz für Tablet und eine für Handy macht, wäre es natürlich nutzbar auf dem Tablet.
                                  Auf dem Handy dann eher mit DropdownAction.
                                  Aber wie gesagt habe ja nur 5 Makierungen zum testen genommen, damit es beim Handy nicht zu eng wird aber da wird nichts angezeigt.

                                  Noch eine Idee wegen dem aus und lüften?
                                  Mit den Wörtern kann man eher was anfangen, wenn man die Steuerung zum Beispiel als Gast nutzt.

                                  M 1 Reply Last reply
                                  0
                                  • B blackangel15741

                                    @mcu sagte in jarvis v2.1.0 - just another remarkable vis:

                                    @blackangel15741 Ich würde min und max Werte etwas enger fassen:
                                    Nicht von 5-30, sondern 18-25 oder so?
                                    Badezimmer WT von 0-35?

                                    3726d38e-ebdf-4d1c-9d46-ec522e644ce8-image.png

                                    Naja, ich denke mit dem slider zu arbeiten ist auf dem Handy mit einer Hand und der Displaygröße nicht so sinnvoll. Eher nur auf dem Tabet.
                                    Wenn man eine Instanz für Tablet und eine für Handy macht, wäre es natürlich nutzbar auf dem Tablet.
                                    Auf dem Handy dann eher mit DropdownAction.
                                    Aber wie gesagt habe ja nur 5 Makierungen zum testen genommen, damit es beim Handy nicht zu eng wird aber da wird nichts angezeigt.

                                    Noch eine Idee wegen dem aus und lüften?
                                    Mit den Wörtern kann man eher was anfangen, wenn man die Steuerung zum Beispiel als Gast nutzt.

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

                                    @blackangel15741 Du kannst auch bei Temperaturauswahl mit Dropdownlisten arbeiten. Kennst du ja.

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

                                    B 1 Reply Last reply
                                    0
                                    • M MCU

                                      @xdelta
                                      Beispiel blink mit ICON.gif

                                      So?

                                      .background-test {
                                         display: inline-block;
                                         width: 1em;
                                         height: 1em;
                                         vertical-align: -0.125em;
                                         background: url('https://api.iconify.design/bi/bell-fill.svg') no-repeat
                                             center center / contain;
                                      }
                                      
                                      {"false":"<span class='background-test blink'></span>","true":"<a href='https://www.google.de'>GoogleDE</a>"}
                                      

                                      Warum reicht Dir eigentlich nicht das blinkende ICON vorne?

                                      Beispiel blink mit ICON vorne.gif

                                      {"false":"<span class='alarm blink'></span>","true":"<a href='https://www.google.de'>GoogleDE</a>"}
                                      

                                      Mit Farbe:

                                      .alarm {
                                         display: inline-block;
                                         width: 1em;
                                         height: 1em;
                                         vertical-align: -0.125em;
                                         background: url('https://api.iconify.design/mdi:shield-home.svg?color=red') no-repeat center center / contain;
                                      }
                                      
                                      

                                      Beispiel blink mit Alarm.gif

                                      X Offline
                                      X Offline
                                      xdelta
                                      wrote on last edited by
                                      #3907

                                      @mcu

                                      @mcu said in jarvis v2.1.0 - just another remarkable vis:

                                      @xdelta
                                      Beispiel blink mit ICON.gif

                                      So?

                                      .background-test {
                                         display: inline-block;
                                         width: 1em;
                                         height: 1em;
                                         vertical-align: -0.125em;
                                         background: url('https://api.iconify.design/bi/bell-fill.svg') no-repeat
                                             center center / contain;
                                      }
                                      
                                      {"false":"<span class='background-test blink'></span>","true":"<a href='https://www.google.de'>GoogleDE</a>"}
                                      

                                      Warum reicht Dir eigentlich nicht das blinkende ICON vorne?

                                      Beispiel blink mit ICON vorne.gif

                                      {"false":"<span class='alarm blink'></span>","true":"<a href='https://www.google.de'>GoogleDE</a>"}
                                      

                                      Mit Farbe:

                                      .alarm {
                                         display: inline-block;
                                         width: 1em;
                                         height: 1em;
                                         vertical-align: -0.125em;
                                         background: url('https://api.iconify.design/mdi:shield-home.svg?color=red') no-repeat center center / contain;
                                      }
                                      
                                      

                                      Beispiel blink mit Alarm.gif

                                      Danke Dir!
                                      Ich hatte schon befürchtet, dass mir nun keine andere Möglichkeit mehr bleibt, als für jedes einzelne Icon/State eine eigene Klasse zu definieren. Der Aufwand dafür ist natürlich viel höher...und etwas demotivierend. Ich bekomme es leider auch nicht hin, die fonts lokal einzubinden, denn ich möchte nicht, dass jedes Icon separat von extern geladen werden muss.

                                      Warum auch rechts als State Icons? Ich mag den Text visuell überhaupt nicht, deshalb habe ich praktisch alle States mit (rot/grünen) Icons versehen...
                                      Im Prizip bin ich erst auf die Idee gekommen, als ich das "Adaper Status" Widget gesehen habe - dort sind auch rechts die grünen Kreise mit dem OK Haken. Daran habe ich mein komplettes Design angepasst....

                                      M 1 Reply Last reply
                                      0
                                      • X xdelta

                                        @mcu

                                        @mcu said in jarvis v2.1.0 - just another remarkable vis:

                                        @xdelta
                                        Beispiel blink mit ICON.gif

                                        So?

                                        .background-test {
                                           display: inline-block;
                                           width: 1em;
                                           height: 1em;
                                           vertical-align: -0.125em;
                                           background: url('https://api.iconify.design/bi/bell-fill.svg') no-repeat
                                               center center / contain;
                                        }
                                        
                                        {"false":"<span class='background-test blink'></span>","true":"<a href='https://www.google.de'>GoogleDE</a>"}
                                        

                                        Warum reicht Dir eigentlich nicht das blinkende ICON vorne?

                                        Beispiel blink mit ICON vorne.gif

                                        {"false":"<span class='alarm blink'></span>","true":"<a href='https://www.google.de'>GoogleDE</a>"}
                                        

                                        Mit Farbe:

                                        .alarm {
                                           display: inline-block;
                                           width: 1em;
                                           height: 1em;
                                           vertical-align: -0.125em;
                                           background: url('https://api.iconify.design/mdi:shield-home.svg?color=red') no-repeat center center / contain;
                                        }
                                        
                                        

                                        Beispiel blink mit Alarm.gif

                                        Danke Dir!
                                        Ich hatte schon befürchtet, dass mir nun keine andere Möglichkeit mehr bleibt, als für jedes einzelne Icon/State eine eigene Klasse zu definieren. Der Aufwand dafür ist natürlich viel höher...und etwas demotivierend. Ich bekomme es leider auch nicht hin, die fonts lokal einzubinden, denn ich möchte nicht, dass jedes Icon separat von extern geladen werden muss.

                                        Warum auch rechts als State Icons? Ich mag den Text visuell überhaupt nicht, deshalb habe ich praktisch alle States mit (rot/grünen) Icons versehen...
                                        Im Prizip bin ich erst auf die Idee gekommen, als ich das "Adaper Status" Widget gesehen habe - dort sind auch rechts die grünen Kreise mit dem OK Haken. Daran habe ich mein komplettes Design angepasst....

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

                                        @xdelta Jedes Icon in jarvis wird extern geladen. Würde ich sagen.

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

                                        X 1 Reply Last reply
                                        0
                                        • M MCU

                                          @xdelta Jedes Icon in jarvis wird extern geladen. Würde ich sagen.

                                          X Offline
                                          X Offline
                                          xdelta
                                          wrote on last edited by
                                          #3909

                                          @mcu said in jarvis v2.1.0 - just another remarkable vis:

                                          @xdelta Jedes Icon in jarvis wird extern geladen. Würde ich sagen.

                                          Aha, das erklärt warum der fonts Ordner nun leer ist...

                                          So sieht das bei mir übrigens aus:

                                          3a448a3e-b770-4268-a889-827c95fb8857-grafik.png
                                          aa95507e-30eb-42d0-98b5-beaf63566663-grafik.png

                                          7f82931b-4091-4ac0-a021-40dae9de2a70-grafik.png

                                          a315126f-01c9-4d10-b516-c8df63bb6278-grafik.png

                                          Dann muss ich mal schauen, ob ich das nun alles umbaue....

                                          Nochmal danke für deine (unermüdliche) Hilfe MCU !!

                                          M 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

                                          324

                                          Online

                                          32.7k

                                          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