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

  • 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 Online
    M Online
    MCU
    wrote on last edited by MCU
    #3889

    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>
    

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


                                          Support us

                                          ioBroker
                                          Community Adapters
                                          Donate

                                          645

                                          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