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.
  • 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
                                        • M MCU

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

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


                                          Support us

                                          ioBroker
                                          Community Adapters
                                          Donate

                                          862

                                          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