Navigation

    Logo
    • Register
    • Login
    • Search
    • Recent
    • Tags
    • Unread
    • Categories
    • Unreplied
    • Popular
    • GitHub
    • Docu
    • Hilfe
    1. Home
    2. Deutsch
    3. Tester
    4. Test Adapter lovelace v1.2.x

    NEWS

    • ioBroker goes Matter ... Matter Adapter in Stable

    • 15. 05. Wartungsarbeiten am ioBroker Forum

    • Monatsrückblick - April 2025

    Test Adapter lovelace v1.2.x

    This topic has been deleted. Only users with topic management privileges can see it.
    • fantasticmaxpower
      fantasticmaxpower @Garfonso last edited by

      @Garfonso mit der aktuellen dev Version ist das Widget voll funktionstüchtig! Danke!!!

      1 Reply Last reply Reply Quote 1
      • David G.
        David G. last edited by David G.

        Hallo,

        nutzt einer von euch die Benachrichtigungen?
        Bekomme die nicht so wie ich es mir vorstelle ans laufen.

        Wenn ich manuell über die Objekte eine Benachrichtigung setze Word mir diese in Lovelace ausgegeben.

        Wenn ich jedoch das Objekt mit Blockly befülle ignoriert Lovace die Eingabe vollkommen.
        Ausgefüllt wurde das entsprechende Objekt aber.

        Wenn ich dann in den Objekten manuell nur einen Buchstaben ändere wird die Benachrichtigung angezeigt.

        Der zu setzen de Text sieht ungefähr so aus:

        {"message": "Die Batterie von xyz ist im kritischen Bereich!!! ", "title": "Batteriewarnung xyz"}
        

        EDIT:
        Hab es nun hinbekommen, weiß aber nicht warum.
        Hatte den Text erst in ein separates Objekt geschrieben (um es noch anders zu werden), und dann in das entsprechende Objekt von lovelace kopieren lassen.
        Schreibe ich nun aber direkt in das Objekt von lovelace klappt es.

        1 Reply Last reply Reply Quote 0
        • David G.
          David G. last edited by

          In HA scheint es sogenannte "group entities" zu geben.
          Diese nennen sich dann z.B. "group.motion_sensors_batteries"

          Darüber kann man mehrere Objekte aus einer Gruppe über ein Objekt einbinden.

          Ist dies auch in iobroker möglich?

          Anwenden würde ich es gerne bei der "custom:battery-state-card".

          Garfonso 1 Reply Last reply Reply Quote 0
          • Garfonso
            Garfonso Developer @David G. last edited by

            @David-G
            aktuell gibt es sowas nicht... möglich könnte es sein. Erstellt man die in HA selber? Was machen die? Wo ist der Vorteil? Was erwartet die Karte? 🙂

            Meinst du diese Karte: https://github.com/maxwroc/battery-state-card ? -> die kann doch auch eine Entity-Liste. Was ist bei Groups dann anders?

            David G. 1 Reply Last reply Reply Quote 0
            • David G.
              David G. @Garfonso last edited by

              @Garfonso

              Genau, die Karte meine ich.
              Mein Gedanke war, dass ich ggf. eine Aufzählung oder so aus Iobroker oder nehmen kann.

              Da die Geräte doch langsam mehr werden, hätte ich mir erhofft, dass die Verwaltung der Batteriezustände bzw. deren Objekte im iobroker was konfortabeler ist, als immer jedes Gerät in Lovelace einzupflegen.

              Aber ist ja schnell gemacht, wenn man ein neues Gerät anlernt oder eins löscht.

              (Ich spekuliere ja darauf, dass es bald einen Adapter gibt oder sogar eine iobroker Funktion kommt, in der man für die gängigsten Adapter die Zustände überwachen kann, scripte gibt es ja schon. Komme da nur immer schnell ein meine Grenzen.)

              1 Reply Last reply Reply Quote 1
              • David G.
                David G. last edited by David G.

                Hey,

                weis jemand ob man in der Markdown Karte den Text farbig hervorheben kann?

                Ich habe dort HTML eingebunden (Aus einen State).
                Es wird alles übernommen, bis auf die Farbigkeit.

                Hier musste ja eigentlich Text in verschiedenen Farben kommen:

                <span style="font-weight: bold; color: red"><span class="icalWarn iCal-Abfallkalender">Heute  </span></span><span style="font-weight:normal;color:red"><span class="icalWarn2 iCal-Abfallkalender2"> Restmüll: Vormwald</span></span><br/><span style="font-weight: bold; color: yellow"><span class="icalPrePreWarn iCal-Abfallkalender">Übermorgen  </span></span><span style="font-weight: normal; color: yellow"><span class='icalPrePreWarn2 iCal-Abfallkalender2'> Gelber Sack: Vormwald</span></span><br/><span style="font-weight: bold; color: red"><span class="icalNormal iCal-Abfallkalender">In 3 Tagen  </span></span><span style="font-weight: normal; color:red"><span class='icalNormal2 iCal-Abfallkalender2'> Papier: Vormwald</span></span><br/><span style="font-weight: bold; color: red"><span class="icalNormal iCal-Abfallkalender">In einer Woche  </span></span><span style="font-weight: normal; color:red"><span class='icalNormal2 iCal-Abfallkalender2'> Astschnitt: Vormwald</span></span><br/><span style="font-weight: bold; color: red"><span class="icalNormal iCal-Abfallkalender">28.10.2020  </span></span><span style="font-weight: normal; color:red"><span class='icalNormal2 iCal-Abfallkalender2'> Biomüll: Vormwald</span></span>
                

                Unbenannt.JPG

                T 1 Reply Last reply Reply Quote 0
                • T
                  Tirador @David G. last edited by

                  @David-G Im Markdown kann man mit Farben arbeiten.

                  Das nutze ich auch im Markdown für den Kalender über ICAL

                  [Vorlage] Lovelace: ical Kalender Karte - ioBroker Forum

                  Das funktioniert über simple HTML-Tags im Markdown:

                  <font color="#fffff">Text</font>
                  
                  B David G. 2 Replies Last reply Reply Quote 0
                  • B
                    Banis @Tirador last edited by

                    Hallo zusammen,
                    ich versuche mich derzeit an der stack-in-card und das funktioniert soweit auch ganz gut. Leider stelle ich aber folgende Verhaltensweise fest:
                    Wenn ich eine Button-Card mit einer Hintergrundfarbe in einer Strack in Card integriere dann ist der HIntergrund beim öffnen der Seite im Browser einen kurzen Moment so wie gewünscht, danach wird der Hintergrund dann aber gleich weiß und nach einiger Teit dann endlich so wie er sein sollte.

                    Das Verhalten tritt aber nur auf wenn ich den Hintergrund der ganzen "Card" anpasse, wenn nur der Icon-Hintergrund angepasst wird gibt es keine Probleme. Es gibt auch keine Probleme wenn ich das ganze mit einer horizontal-stack Card abbilde, nur in der beschriebenen Konstelation.

                    Hat jemand eine Idee woran das liegen könnte bzw wie ich das Problem beheben kann?

                    ca8efab4-fa6e-4947-ad70-4784adfa99fe-grafik.png

                    bd62a63c-42a8-44b2-8752-cd8faa367bb1-grafik.png

                    type: 'custom:stack-in-card'
                    mode: horizontal
                    cards:
                      - type: 'custom:button-card'
                        entity: sensor.Temperatur_Bad
                        name: Bad
                        icon: 'mdi:shower'
                        layout: vertical
                        show_state: false
                        show_name: true
                        show_last_changed: false
                        show_entity_picture: false
                        show_icon: true
                        state:
                          - value: '20'
                            operator: <
                            styles:
                              icon:
                                - color: blue
                                - width: 55%
                          - value: '20'
                            operator: '>='
                            styles:
                              icon:
                                - color: black
                                - width: 55%
                              card:
                                - background: '#CCCCCC'
                              name:
                                - color: black
                          - value: '22'
                            operator: '>='
                            styles:
                              icon:
                                - color: firebrick
                                - width: 55%
                        styles:
                          label:
                            - font-size: small
                            - font-style: italic
                            - color: '#a1a1a1'
                      - type: 'custom:button-card'
                        entity: sensor.Temperatur_Bad
                        name: Bad
                        icon: 'mdi:thermometer'
                        layout: vertical
                        show_state: true
                        show_name: false
                        show_last_changed: false
                        show_entity_picture: false
                        show_icon: true
                        state:
                          - value: '20'
                            operator: <
                            styles:
                              icon:
                                - color: blue
                                - width: 35%
                          - value: '20'
                            operator: '>='
                            styles:
                              icon:
                                - color: '#a1a1a1'
                                - width: 35%
                          - value: '22'
                            operator: '>='
                            styles:
                              icon:
                                - color: firebrick
                                - width: 25%
                        styles:
                          label:
                            - font-size: small
                            - font-style: italic
                            - color: '#a1a1a1'
                      - type: 'custom:button-card'
                        entity: sensor.Luftfeuchtigkeit_Bad
                        name: Bad
                        icon: 'mdi:water-percent'
                        layout: vertical
                        show_state: true
                        show_name: false
                        show_last_changed: false
                        show_entity_picture: false
                        show_icon: true
                        state:
                          - value: '20'
                            operator: <
                            styles:
                              icon:
                                - color: blue
                                - width: 35%
                          - value: '20'
                            operator: '>='
                            styles:
                              icon:
                                - color: '#a1a1a1'
                                - width: 35%
                          - value: '22'
                            operator: '>='
                            styles:
                              icon:
                                - color: firebrick
                                - width: 35%
                        styles:
                          label:
                            - font-size: small
                            - font-style: italic
                            - color: '#a1a1a1'
                      - type: 'custom:button-card'
                        entity: sensor.Temperatur_Bad
                        name: Bad
                        icon: 'mdi:window-closed-variant'
                        layout: vertical
                        show_state: false
                        show_name: false
                        show_last_changed: true
                        show_entity_picture: false
                        show_icon: true
                        state:
                          - value: '20'
                            operator: <
                            styles:
                              icon:
                                - color: blue
                                - width: 35%
                          - value: '20'
                            operator: '>='
                            styles:
                              icon:
                                - color: '#a1a1a1'
                                - width: 35%
                          - value: '22'
                            operator: '>='
                            styles:
                              icon:
                                - color: firebrick
                                - width: 35%
                        styles:
                          label:
                            - font-size: small
                            - font-style: italic
                            - color: '#a1a1a1'
                      - type: 'custom:button-card'
                        entity: sensor.Temperatur_Bad
                        name: Bad
                        icon: 'mdi:lightbulb'
                        layout: vertical
                        show_state: false
                        show_name: false
                        show_last_changed: true
                        show_entity_picture: false
                        show_icon: true
                        state:
                          - value: '20'
                            operator: <
                            styles:
                              icon:
                                - color: blue
                                - width: 35%
                          - value: '20'
                            operator: '>='
                            styles:
                              icon:
                                - color: '#a1a1a1'
                                - width: 35%
                          - value: '22'
                            operator: '>='
                            styles:
                              icon:
                                - color: firebrick
                                - width: 25%
                        styles:
                          label:
                            - font-size: small
                            - font-style: italic
                            - color: '#a1a1a1'
                    
                    
                    Garfonso 1 Reply Last reply Reply Quote 0
                    • David G.
                      David G. @Tirador last edited by

                      @Tirador

                      Hm, dann ist der Code wohl was zu "komplex" für das Markdown, den der ical-Adapter ausgibt.

                      Dann schaue ich mal, ob ich mit Blockly den Code im Nachhinein was angepasst bekomme.

                      1 Reply Last reply Reply Quote 0
                      • B
                        BBlaBlu last edited by

                        Hi zusammen,
                        ich bin Neuling was iobroker angeht, daher verzeiht mir bitte die potentiell dummen Fragen.
                        Grundsätzlich habe ich alles wichtige zum Laufen gebracht und finde lovelace als Visualisierung bisher am besten (vielen Dank dafür!), leider habe ich damit ein paar Probleme die ich nicht lösen konnte:

                        1. Wie kann ich custom cards verwenden? Ich habe diverse custom cards probiert, auch welche aus Beispielen die definitiv funktionieren sollten, und gemäß Doku über Admin bzw. manuell zum /cards Ordner hinzugefügt (alle in Admin sichtbar). Allerdings sehe ich keine einzige dieser custom cards im Editor, dort kann ich nur die Standardkarten auswählen. Was mache ich falsch?
                        2. Meine Hue Lampen und die Wettervorhersage per daswetter funktionieren einwandfrei. Leider bekomme ich meine Netatmo Geräte nicht als Entitiy in lovelace angezeigt. Die Geräte haben die Funktion "weather" und sind Räumen hinzugefügt, genauso wie daswetter...
                        3. Ich habe ein dark theme konfiguriert und das klappt auch soweit, nur kann ich die Farbe des Headers nicht ändern. Gibt es dafür einen Trick?

                        Freue mich über jede Hilfe!

                        David G. 1 Reply Last reply Reply Quote 0
                        • David G.
                          David G. @BBlaBlu last edited by David G.

                          @BBlaBlu

                          Hallo,

                          das sind keine dummen Fragen. Mit den Sachen habe ich anfangs auch was gekämpft.

                          Zu 1

                          Custom Cards kann man nicht wie normale Karten einfügen. Sie besitzen keinen visuellen Editor.
                          Du musst über eine andere Karte gehen und diese überschreiben oder die Karte "Manuell" nehmen.

                          Zu 2

                          Da kann ich dir auch leider nicht helfen.

                          Zu 3

                          Da gibt es im Theme eine Zeile für.
                          Weiß grad auch nicht auswendig welche.
                          Ich hatte bei allem was sich danach anhört getestet.
                          Morgen kann ich mal nachschauen, heute schaffe ich es nicht.
                          EDIT:
                          Oft hilft es, auch in den Foren von Home Assistent zu suchen.
                          Dort hab ich eine Antwort gefunden.
                          Klick

                          P. S.
                          Bin am Handy unterwegs, da klappt das ordentliche zitieren nicht so gut ^^.

                          1 Reply Last reply Reply Quote 0
                          • Garfonso
                            Garfonso Developer @Banis last edited by

                            @Banis
                            bei sowas am besten auch mal bei HomeAssistant suchen / googeln. Das ist kein ioBroker spezifisches Problem... keine Ahnung, was da schief geht. 😉 Vielleicht auch mal in den issues / readmes von den beiden custom-cards gucken.

                            @BBlaBlu said in Test Adapter lovelace v1.2.x:

                            Leider bekomme ich meine Netatmo Geräte nicht als Entitiy in lovelace angezeigt. Die Geräte haben die Funktion "weather" und sind Räumen hinzugefügt, genauso wie daswetter...

                            Raum und Funktion sind das eine. Das andere ist der Geräte-Typ, der erkannt wird, oder auch nicht. Kennst du die Geräte-Ansicht im Admin? (ggf. muss der devices Adapter installiert werden). Guck doch da mal, ob die Netatmo Geräte auftauchen.
                            Vermutlich sind das hauptsächlich Thermometer? Oder Thermostate? -> jedenfalls keine Wettervorhersage, wie daswetter, oder? 😉

                            B 1 Reply Last reply Reply Quote 0
                            • B
                              BBlaBlu last edited by BBlaBlu

                              Hi @David-G & @Garfonso,

                              danke für die Antworten!

                              (1) ist damit geklärt, danke @David-G!

                              Das Issue mit der netatmo (2) habe ich inzwischen lösen können indem ich die relevanten Datenpunkte manuell für lovelace aktiviert habe. In lovelace sind sie dann als Sensoren verfügbar.

                              //edit
                              Zur Farbe des Headers (3): Den Wert für --primary-color: hatte ich im Theme gesetzt, nur habe ich das Standardtheme nicht umgestellt. Offentsichtlich wird die Headerfarbe vom Standardtheme übernommen 🤦‍♂️

                              Danke.

                              1 Reply Last reply Reply Quote 1
                              • David G.
                                David G. last edited by

                                Hey,

                                ich probiere mir grade einen eigenen Mediaplayer zusammenzustellen.
                                Habe mir alle Datenpunkte erstellt die ich benötige.

                                Werden nachher mit einem Script befüllt.

                                Leider erkennt der Autodetector den Player nicht.

                                Gibt es noch bestimmte Rollen die vorkommen müssen die mir fehlen?
                                Oder habe ich einen anderen Denkfehler?

                                mediaplayer.JPG

                                Garfonso 1 Reply Last reply Reply Quote 0
                                • Garfonso
                                  Garfonso Developer @David G. last edited by

                                  @David-G
                                  Ein MediaPlayer braucht zwingend einen State mit Rolle media.state. Das kann ein Bool oder eine Nummer sein. Bei Bool wird "true" als "spielt gerade was ab" und "false" als "stopp/pause" interpretiert. Bei Number kann man auch drei Werte haben (lovelace geht dann aus von 1 = play, 0 = pause, 2 = stop).

                                  Wenn der state schreibbar ist (write: true), dann versucht Lovelace darüber auch die States zu ändern, dann bräuchtest du dafür die buttons nicht einzeln (wenn die Buttons aber da sind und vom type-detector mit dazu erkannt werden, dann werden die bevorzugt genutzt).

                                  David G. 1 Reply Last reply Reply Quote 0
                                  • David G.
                                    David G. @Garfonso last edited by David G.

                                    @Garfonso

                                    Danke.

                                    Hab in state jetzt hinzugefügt.
                                    Wird aber noch immer nicht gefunden.

                                    mediaplayer.JPG

                                    So habe ich den State auch getestet:
                                    mediaplayer.JPG

                                    P.S.:
                                    Schande über mein Haupt, habe ich eben aus versehen beim Chromecastadapter bei meinen Google Home aus versehen den State gelöscht (Ist nur noch eine Leiche und nicht in Benutzung^^). Den findet er immer noch.

                                    Garfonso 1 Reply Last reply Reply Quote 0
                                    • Garfonso
                                      Garfonso Developer @David G. last edited by

                                      @David-G
                                      Da bin ich gerade etwas überfragt... Das ist die Zeile, mit der der media player erkannt wird. Da steht, dass zwingend erforderlich ein Datenpunkt ist mit Rolle media.state. Taucht der Mediaplayer denn im Geräte-Tab im Admin auf?

                                      David G. 1 Reply Last reply Reply Quote 0
                                      • David G.
                                        David G. @Garfonso last edited by

                                        @Garfonso

                                        Zumindest die eine Zeile erscheint. Keine Ahnung, ob die anderen States auch da sein müssten.

                                        Screenshot_20201026-070626_Chrome.jpg

                                        Garfonso 1 Reply Last reply Reply Quote 0
                                        • Garfonso
                                          Garfonso Developer @David G. last edited by

                                          @David-G
                                          Ok, das sieht eigentlich gut aus... hm. States kannst du mit einem der Knöpfe in der Zeile gucken (ich meine der Stift).
                                          Gibt es gar keine entity media_player in den Instanzeinstellungen von Lovelace? Ich sehe im Code nicht, wo das noch schief gehen kann, wenn es da auftaucht (außer Raum & Funktion fehlt, aber die hast du. Ggf. noch prüfen könntest du, ob "Automatische Generierung von Geräten nur aus Alias.0.*" aktiviert ist, das müsste dann aus)

                                          David G. 2 Replies Last reply Reply Quote 0
                                          • B
                                            Banis @Garfonso last edited by

                                            @Garfonso Danke für den Hinweis, hab den Fehler jetzt gefunden: Für alle die das gleiche Problem wie ich haben: es genügt mit der --keep-background option lässt sich das Problem beheben

                                            In der zwischenzeit bin ich auf zwei weitere Herausforderungen gestoßen:
                                            1.) In der Button-Card wird mir der Wert wenn er "0" ist nicht angezeigt sondern bleibt leer. Hat jemand eine Idee wie ich das beheben kann? Beim HomeAssistant hab ich hierzu nichts gefunden.

                                            2.) Ich würde bei der ButtonCard gerne auch die Möglichkeit von Templates nutzen. Dazu muss man das Template in der Datei ui-lovelace.yaml definieren. Diese Datei gibt es aber bei ioBroker wohl nicht. Weiß jemand wo ich die Templates definieren kann oder ist dies mit ioBroker nicht möglich?

                                            Garfonso 1 Reply Last reply Reply Quote 0
                                            • First post
                                              Last post

                                            Support us

                                            ioBroker
                                            Community Adapters
                                            Donate

                                            921
                                            Online

                                            31.6k
                                            Users

                                            79.5k
                                            Topics

                                            1.3m
                                            Posts

                                            lovelace visualization
                                            78
                                            1514
                                            420128
                                            Loading More Posts
                                            • Oldest to Newest
                                            • Newest to Oldest
                                            • Most Votes
                                            Reply
                                            • Reply as topic
                                            Log in to reply
                                            Community
                                            Impressum | Datenschutz-Bestimmungen | Nutzungsbedingungen
                                            The ioBroker Community 2014-2023
                                            logo