Skip to content
  • Home
  • Aktuell
  • Tags
  • 0 Ungelesen 0
  • Kategorien
  • Unreplied
  • Beliebt
  • GitHub
  • Docu
  • Hilfe
Skins
  • Light
  • Brite
  • Cerulean
  • Cosmo
  • Flatly
  • Journal
  • Litera
  • Lumen
  • Lux
  • Materia
  • Minty
  • Morph
  • Pulse
  • Sandstone
  • Simplex
  • Sketchy
  • Spacelab
  • United
  • Yeti
  • Zephyr
  • Dark
  • Cyborg
  • Darkly
  • Quartz
  • Slate
  • Solar
  • Superhero
  • Vapor

  • Standard: (Kein Skin)
  • Kein Skin
Einklappen
ioBroker Logo

Community Forum

donate donate
  1. ioBroker Community Home
  2. Deutsch
  3. Tester
  4. jarvis v2.2.0 - just another remarkable vis

NEWS

  • UPDATE 31.10.: Amazon Alexa - ioBroker Skill läuft aus ?
    apollon77A
    apollon77
    48
    3
    8.6k

  • Monatsrückblick – September 2025
    BluefoxB
    Bluefox
    13
    1
    2.1k

  • Neues Video "KI im Smart Home" - ioBroker plus n8n
    BluefoxB
    Bluefox
    16
    1
    2.8k

jarvis v2.2.0 - just another remarkable vis

Geplant Angeheftet Gesperrt Verschoben Tester
jarvismaterialmaterial uimaterialdesignvisvisualisierungvisualization
6.1k Beiträge 316 Kommentatoren 4.2m Aufrufe 273 Watching
  • Älteste zuerst
  • Neuste zuerst
  • Meiste Stimmen
Antworten
  • In einem neuen Thema antworten
Anmelden zum Antworten
Dieses Thema wurde gelöscht. Nur Nutzer mit entsprechenden Rechten können es sehen.
  • M Online
    M Online
    MCU
    schrieb am zuletzt editiert von 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 Antwort Letzte Antwort
    1
    • A Offline
      A Offline
      Adnim
      schrieb am zuletzt editiert von 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 Antwort Letzte Antwort
      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
        schrieb am zuletzt editiert von 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 Antwort Letzte Antwort
        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
          schrieb am zuletzt editiert von
          #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 Antwort Letzte Antwort
          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
            schrieb am zuletzt editiert von 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 Antwort Letzte Antwort
            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
              schrieb am zuletzt editiert von
              #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 Antwort Letzte Antwort
              0
              • M MCU

                @xdelta Also mit dem ICON davor funktioniert nicht.

                X Offline
                X Offline
                xdelta
                schrieb am zuletzt editiert von 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 Antwort Letzte Antwort
                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
                  schrieb am zuletzt editiert von
                  #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 Antwort Letzte Antwort
                  0
                  • M MCU

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

                    X Offline
                    X Offline
                    xdelta
                    schrieb am zuletzt editiert von 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 Antworten Letzte Antwort
                    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
                      schrieb am zuletzt editiert von
                      #3898

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

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

                      1 Antwort Letzte Antwort
                      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
                        schrieb am zuletzt editiert von
                        #3899

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

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

                        1 Antwort Letzte Antwort
                        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
                          schrieb am zuletzt editiert von 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 Antwort Letzte Antwort
                          1
                          • M MCU

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

                            B Offline
                            B Offline
                            blackangel15741
                            schrieb am zuletzt editiert von 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 Antwort Letzte Antwort
                            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
                              schrieb am zuletzt editiert von 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 Antwort Letzte Antwort
                              0
                              • M MCU

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

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


                                          Support us

                                          ioBroker
                                          Community Adapters
                                          Donate

                                          452

                                          Online

                                          32.4k

                                          Benutzer

                                          81.5k

                                          Themen

                                          1.3m

                                          Beiträge
                                          Community
                                          Impressum | Datenschutz-Bestimmungen | Nutzungsbedingungen | Einwilligungseinstellungen
                                          ioBroker Community 2014-2025
                                          logo
                                          • Anmelden

                                          • Du hast noch kein Konto? Registrieren

                                          • Anmelden oder registrieren, um zu suchen
                                          • Erster Beitrag
                                            Letzter Beitrag
                                          0
                                          • Home
                                          • Aktuell
                                          • Tags
                                          • Ungelesen 0
                                          • Kategorien
                                          • Unreplied
                                          • Beliebt
                                          • GitHub
                                          • Docu
                                          • Hilfe