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

  • Default (No Skin)
  • No Skin
Collapse
Logo
  1. ioBroker Community Home
  2. Deutsch
  3. Tester
  4. Test Adapter lovelace v1.2.x

NEWS

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

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

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

Test Adapter lovelace v1.2.x

Scheduled Pinned Locked Moved Tester
lovelacevisualization
1.5k Posts 78 Posters 628.8k Views 72 Watching
  • Oldest to Newest
  • Newest to Oldest
  • Most Votes
Reply
  • Reply as topic
Log in to reply
This topic has been deleted. Only users with topic management privileges can see it.
  • GarfonsoG Garfonso

    @fantasticmaxpower
    Hm.. warum geht Lautstärke nicht? Da hat er doch sogar einen Datenpunkt. Was passiert, wenn du die Lautstärke in der UI änderst mit dem Datenpunkt in ioBroker?

    In play/pause gab es noch einen Bug, mal die aktuelle Dev Version testen, ob es damit besser ist: Garfonso/iobroker.lovelace#dev als URL zum installieren.

    Grundsätzlich muss natürlich die Steuerung über die ioBroker Objekte (z.B. aus Admin raus) auch funktionieren, nur dann kann es mit Lovelace gehen (das ist bei den Echos nach meiner Erfahrung nicht immer gegeben, gerade Play->Pause->Play ist da zumindest sehr verzögert).

    Der Play/Pause Knopf reagiert tatsächlich erst auf die Rückmeldung über den "currentState" bzw. "state" (Rolle media.state) -> ändert der sich "zeitnah" in ioBroker, wenn play / pause gedrückt wird?

    fantasticmaxpowerF Offline
    fantasticmaxpowerF Offline
    fantasticmaxpower
    wrote on last edited by
    #146

    @Garfonso
    Mit der Version aus URL funktioniert Play und Pause jetzt. Allerdings stimmt die Darstellung nicht. Lautstärke und mute gehen nicht durch! Der Log sagt folgendes:
    ad00b8be-3ccb-43aa-9c0d-3678245cb52a-image.png
    6ebbe789-db13-4f2e-ba35-1c808071ead5-image.png

    fantasticmaxpowerF 1 Reply Last reply
    0
    • fantasticmaxpowerF fantasticmaxpower

      @Garfonso
      Mit der Version aus URL funktioniert Play und Pause jetzt. Allerdings stimmt die Darstellung nicht. Lautstärke und mute gehen nicht durch! Der Log sagt folgendes:
      ad00b8be-3ccb-43aa-9c0d-3678245cb52a-image.png
      6ebbe789-db13-4f2e-ba35-1c808071ead5-image.png

      fantasticmaxpowerF Offline
      fantasticmaxpowerF Offline
      fantasticmaxpower
      wrote on last edited by
      #147

      @fantasticmaxpower
      Die Darstellung liegt am Dark Theme, wenn ich Standard Theme siehts gut aus.Play/Pause funktioniert, Titel vor und zurück auch. Nur die Lautstärke geht nicht.
      1cea6512-c3fe-4ad3-919f-4e111f289a4d-image.png

      Kann man das Dark Theme für einzelne Cards deaktivieren?

      GarfonsoG 1 Reply Last reply
      0
      • fantasticmaxpowerF fantasticmaxpower

        @Garfonso Deine Dev Version werde ich später mal testen. Die Lautstärke ist über die Objekte steuerbar. Play/Pause aus den Objekten raus wird sofort umgesetzt. Bei der Lautstärke aus Lovelace raus entsteht folgender Log mit Fehler im Chromecast Adapter:
        9b602350-e964-4ac5-bc03-9a709061c197-image.png
        Vielleicht gar kein Lovelace Problem?

        GarfonsoG Offline
        GarfonsoG Offline
        Garfonso
        Developer
        wrote on last edited by
        #148

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

        @Garfonso Deine Dev Version werde ich später mal testen. Die Lautstärke ist über die Objekte steuerbar. Play/Pause aus den Objekten raus wird sofort umgesetzt. Bei der Lautstärke aus Lovelace raus entsteht folgender Log mit Fehler im Chromecast Adapter:
        9b602350-e964-4ac5-bc03-9a709061c197-image.png
        Vielleicht gar kein Lovelace Problem?

        Ist der state "muted" schreibbar? Nach der Fehlermeldung zu Urteilen wäre das dann ein Fehler und sollte als Ticket bei dem Adapter eingestellt werden. Auch die Rolle ist dann suboptimal (aber ich bin mir nicht sicher, ob es eine bessere gibt). Jedenfalls solltest du mal versuchen die von Hand auf write: false zu setzen und, falls das nicht ausreicht, die Rolle zu ändern.
        Was passiert:
        type-detector erkennt, dass mit "muted" die Stummschaltung gesteuert werden kann. Lovelace merkt sich das und geht beim Toneinstellen sicher, dass Stummschaltung aus ist (könnte man vielleicht weglassen?) -> aber an der Stelle scheint das googlehome dann auszusteigen und das setzen der Lautstärke passiert nicht mehr? (oder doch ein Bug in lovelace? Sehe aber aktuelle nicht wo und bei mir geht die Lautstärke... hm.)

        Gibt es für Play/Pause auch Fehler im Log?

        Ultimativer Lovelace Leitfaden: https://forum.iobroker.net/topic/35937/der-ultimative-iobroker-lovelace-leitfaden-dokumentation

        Lovelace UI Beispiele: https://forum.iobroker.net/topic/35950/zeigt-her-eure-lovelace-visualisierung

        fantasticmaxpowerF 1 Reply Last reply
        0
        • GarfonsoG Garfonso

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

          @Garfonso Deine Dev Version werde ich später mal testen. Die Lautstärke ist über die Objekte steuerbar. Play/Pause aus den Objekten raus wird sofort umgesetzt. Bei der Lautstärke aus Lovelace raus entsteht folgender Log mit Fehler im Chromecast Adapter:
          9b602350-e964-4ac5-bc03-9a709061c197-image.png
          Vielleicht gar kein Lovelace Problem?

          Ist der state "muted" schreibbar? Nach der Fehlermeldung zu Urteilen wäre das dann ein Fehler und sollte als Ticket bei dem Adapter eingestellt werden. Auch die Rolle ist dann suboptimal (aber ich bin mir nicht sicher, ob es eine bessere gibt). Jedenfalls solltest du mal versuchen die von Hand auf write: false zu setzen und, falls das nicht ausreicht, die Rolle zu ändern.
          Was passiert:
          type-detector erkennt, dass mit "muted" die Stummschaltung gesteuert werden kann. Lovelace merkt sich das und geht beim Toneinstellen sicher, dass Stummschaltung aus ist (könnte man vielleicht weglassen?) -> aber an der Stelle scheint das googlehome dann auszusteigen und das setzen der Lautstärke passiert nicht mehr? (oder doch ein Bug in lovelace? Sehe aber aktuelle nicht wo und bei mir geht die Lautstärke... hm.)

          Gibt es für Play/Pause auch Fehler im Log?

          fantasticmaxpowerF Offline
          fantasticmaxpowerF Offline
          fantasticmaxpower
          wrote on last edited by
          #149

          @Garfonso Du hast recht mit deiner Annahme, Lautstärke und Muting funktionieren nicht wenn ich sie manuell in den Objekten beim homemini setze. Somit scheint es am Chromecastadapter zu liegen. Danke für den Denkanstoß. Play/Pause funktioniert jetzt mit dem Update!

          1 Reply Last reply
          0
          • fantasticmaxpowerF fantasticmaxpower

            @fantasticmaxpower
            Die Darstellung liegt am Dark Theme, wenn ich Standard Theme siehts gut aus.Play/Pause funktioniert, Titel vor und zurück auch. Nur die Lautstärke geht nicht.
            1cea6512-c3fe-4ad3-919f-4e111f289a4d-image.png

            Kann man das Dark Theme für einzelne Cards deaktivieren?

            GarfonsoG Offline
            GarfonsoG Offline
            Garfonso
            Developer
            wrote on last edited by
            #150

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

            Kann man das Dark Theme für einzelne Cards deaktivieren?

            Ja, du kannst meine ich im visuellen Editor für jede Karte das Theme auswählen, oder? Da gibt's dann bestimmt auch code für.
            Die Alternative wäre rausfinden, was da noch am Theme fehlt und hinzufügen... (daran lag es bisher immer). Z.B. mal Beispielthemes angucken?
            Vielleicht ist das aber auch ein Bug in der Karte (wenn es die custom ist, dann ggf. die mal aktualisieren) oder Lovelace selber (da will ich möglichst bald nochmal aktualisieren).

            Ultimativer Lovelace Leitfaden: https://forum.iobroker.net/topic/35937/der-ultimative-iobroker-lovelace-leitfaden-dokumentation

            Lovelace UI Beispiele: https://forum.iobroker.net/topic/35950/zeigt-her-eure-lovelace-visualisierung

            1 Reply Last reply
            0
            • fantasticmaxpowerF fantasticmaxpower

              @Garfonso Das ist die Entität:
              9a7b9076-ec32-425d-9d8c-7153a7cde9e8-image.png

              Auf der Visu sieht es so aus.
              06a7f8b7-e2c2-4069-964e-d4889a92f882-image.png

              Keine Reaktion auf Toggle und keine Reaktion auf Bewegen des Schiebers. Zudem steht da unbekannt, ich denke er kann den % Wert nicht finden. Nur wenn ich auf die 3 Punkte oben rechts gehe passiert am Aktor ein Reaktion auf den Schieber im "more info" Fenster.

              Die Entität wurde manuell bei den Objekten als Alias hinten am Schraubenschlüssel generiert mit Funktion Licht!
              c9fd8be6-fccc-43a6-a216-ac1941235106-image.png
              e0261529-e590-4534-8a3b-6b15a2f49ddc-image.png

              GarfonsoG Offline
              GarfonsoG Offline
              Garfonso
              Developer
              wrote on last edited by
              #151

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

              @Garfonso Das ist die Entität:
              9a7b9076-ec32-425d-9d8c-7153a7cde9e8-image.png

              Auf der Visu sieht es so aus.
              06a7f8b7-e2c2-4069-964e-d4889a92f882-image.png

              Keine Reaktion auf Toggle und keine Reaktion auf Bewegen des Schiebers. Zudem steht da unbekannt, ich denke er kann den % Wert nicht finden. Nur wenn ich auf die 3 Punkte oben rechts gehe passiert am Aktor ein Reaktion auf den Schieber im "more info" Fenster.

              Die Entität wurde manuell bei den Objekten als Alias hinten am Schraubenschlüssel generiert mit Funktion Licht!
              c9fd8be6-fccc-43a6-a216-ac1941235106-image.png
              e0261529-e590-4534-8a3b-6b15a2f49ddc-image.png

              Und das ging vorher? grübel Da hat sich eigentlich nichts geändert...
              Ich hab was an der Initialisierung geändert, was vielleicht damit zusammen hängt. Versuch bitte nochmal die dev-Version von meinem Github.

              Aber das zeigt einmal mehr, dass ich unbedingt Tests implementieren muss... seufz (wobei das schon ziemlich tief drinnen ist)

              Ultimativer Lovelace Leitfaden: https://forum.iobroker.net/topic/35937/der-ultimative-iobroker-lovelace-leitfaden-dokumentation

              Lovelace UI Beispiele: https://forum.iobroker.net/topic/35950/zeigt-her-eure-lovelace-visualisierung

              fantasticmaxpowerF 2 Replies Last reply
              0
              • GarfonsoG Garfonso

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

                @Garfonso Das ist die Entität:
                9a7b9076-ec32-425d-9d8c-7153a7cde9e8-image.png

                Auf der Visu sieht es so aus.
                06a7f8b7-e2c2-4069-964e-d4889a92f882-image.png

                Keine Reaktion auf Toggle und keine Reaktion auf Bewegen des Schiebers. Zudem steht da unbekannt, ich denke er kann den % Wert nicht finden. Nur wenn ich auf die 3 Punkte oben rechts gehe passiert am Aktor ein Reaktion auf den Schieber im "more info" Fenster.

                Die Entität wurde manuell bei den Objekten als Alias hinten am Schraubenschlüssel generiert mit Funktion Licht!
                c9fd8be6-fccc-43a6-a216-ac1941235106-image.png
                e0261529-e590-4534-8a3b-6b15a2f49ddc-image.png

                Und das ging vorher? grübel Da hat sich eigentlich nichts geändert...
                Ich hab was an der Initialisierung geändert, was vielleicht damit zusammen hängt. Versuch bitte nochmal die dev-Version von meinem Github.

                Aber das zeigt einmal mehr, dass ich unbedingt Tests implementieren muss... seufz (wobei das schon ziemlich tief drinnen ist)

                fantasticmaxpowerF Offline
                fantasticmaxpowerF Offline
                fantasticmaxpower
                wrote on last edited by
                #152

                @Garfonso vorher hat das widget zumindest auf drücken reagiert. allerdings immer nur Aus, oder An, je nach dem wie der Zustand des Dimmers war. Reglereingaben wurden ohne weiters umgesetzt.

                1 Reply Last reply
                0
                • GarfonsoG Garfonso

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

                  @Garfonso Das ist die Entität:
                  9a7b9076-ec32-425d-9d8c-7153a7cde9e8-image.png

                  Auf der Visu sieht es so aus.
                  06a7f8b7-e2c2-4069-964e-d4889a92f882-image.png

                  Keine Reaktion auf Toggle und keine Reaktion auf Bewegen des Schiebers. Zudem steht da unbekannt, ich denke er kann den % Wert nicht finden. Nur wenn ich auf die 3 Punkte oben rechts gehe passiert am Aktor ein Reaktion auf den Schieber im "more info" Fenster.

                  Die Entität wurde manuell bei den Objekten als Alias hinten am Schraubenschlüssel generiert mit Funktion Licht!
                  c9fd8be6-fccc-43a6-a216-ac1941235106-image.png
                  e0261529-e590-4534-8a3b-6b15a2f49ddc-image.png

                  Und das ging vorher? grübel Da hat sich eigentlich nichts geändert...
                  Ich hab was an der Initialisierung geändert, was vielleicht damit zusammen hängt. Versuch bitte nochmal die dev-Version von meinem Github.

                  Aber das zeigt einmal mehr, dass ich unbedingt Tests implementieren muss... seufz (wobei das schon ziemlich tief drinnen ist)

                  fantasticmaxpowerF Offline
                  fantasticmaxpowerF Offline
                  fantasticmaxpower
                  wrote on last edited by
                  #153

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

                  1 Reply Last reply
                  1
                  • David G.D Online
                    David G.D Online
                    David G.
                    wrote on last edited by David G.
                    #154

                    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.

                    Zeigt eure Lovelace-Visualisierung klick
                    (Auch ideal um sich Anregungen zu holen)

                    Meine Tabellen für eure Visualisierung klick

                    1 Reply Last reply
                    0
                    • David G.D Online
                      David G.D Online
                      David G.
                      wrote on last edited by
                      #155

                      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".

                      Zeigt eure Lovelace-Visualisierung klick
                      (Auch ideal um sich Anregungen zu holen)

                      Meine Tabellen für eure Visualisierung klick

                      GarfonsoG 1 Reply Last reply
                      0
                      • David G.D David G.

                        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".

                        GarfonsoG Offline
                        GarfonsoG Offline
                        Garfonso
                        Developer
                        wrote on last edited by
                        #156

                        @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?

                        Ultimativer Lovelace Leitfaden: https://forum.iobroker.net/topic/35937/der-ultimative-iobroker-lovelace-leitfaden-dokumentation

                        Lovelace UI Beispiele: https://forum.iobroker.net/topic/35950/zeigt-her-eure-lovelace-visualisierung

                        David G.D 1 Reply Last reply
                        0
                        • GarfonsoG Garfonso

                          @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.D Online
                          David G.D Online
                          David G.
                          wrote on last edited by
                          #157

                          @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.)

                          Zeigt eure Lovelace-Visualisierung klick
                          (Auch ideal um sich Anregungen zu holen)

                          Meine Tabellen für eure Visualisierung klick

                          1 Reply Last reply
                          1
                          • David G.D Online
                            David G.D Online
                            David G.
                            wrote on last edited by David G.
                            #158

                            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

                            Zeigt eure Lovelace-Visualisierung klick
                            (Auch ideal um sich Anregungen zu holen)

                            Meine Tabellen für eure Visualisierung klick

                            T 1 Reply Last reply
                            0
                            • David G.D 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 Offline
                              T Offline
                              Tirador
                              wrote on last edited by
                              #159

                              @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.D 2 Replies Last reply
                              0
                              • T Tirador

                                @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 Offline
                                B Offline
                                Banis
                                wrote on last edited by
                                #160

                                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'
                                
                                
                                GarfonsoG 1 Reply Last reply
                                0
                                • T Tirador

                                  @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>
                                  
                                  David G.D Online
                                  David G.D Online
                                  David G.
                                  wrote on last edited by
                                  #161

                                  @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.

                                  Zeigt eure Lovelace-Visualisierung klick
                                  (Auch ideal um sich Anregungen zu holen)

                                  Meine Tabellen für eure Visualisierung klick

                                  1 Reply Last reply
                                  0
                                  • B Offline
                                    B Offline
                                    BBlaBlu
                                    wrote on last edited by
                                    #162

                                    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.D 1 Reply Last reply
                                    0
                                    • B BBlaBlu

                                      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.D Online
                                      David G.D Online
                                      David G.
                                      wrote on last edited by David G.
                                      #163

                                      @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 ^^.

                                      Zeigt eure Lovelace-Visualisierung klick
                                      (Auch ideal um sich Anregungen zu holen)

                                      Meine Tabellen für eure Visualisierung klick

                                      1 Reply Last reply
                                      0
                                      • B Banis

                                        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'
                                        
                                        
                                        GarfonsoG Offline
                                        GarfonsoG Offline
                                        Garfonso
                                        Developer
                                        wrote on last edited by
                                        #164

                                        @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? 😉

                                        Ultimativer Lovelace Leitfaden: https://forum.iobroker.net/topic/35937/der-ultimative-iobroker-lovelace-leitfaden-dokumentation

                                        Lovelace UI Beispiele: https://forum.iobroker.net/topic/35950/zeigt-her-eure-lovelace-visualisierung

                                        B 1 Reply Last reply
                                        0
                                        • B Offline
                                          B Offline
                                          BBlaBlu
                                          wrote on last edited by BBlaBlu
                                          #165

                                          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 :man-facepalming:

                                          Danke.

                                          1 Reply Last reply
                                          1
                                          Reply
                                          • Reply as topic
                                          Log in to reply
                                          • Oldest to Newest
                                          • Newest to Oldest
                                          • Most Votes


                                          Support us

                                          ioBroker
                                          Community Adapters
                                          Donate

                                          634

                                          Online

                                          32.4k

                                          Users

                                          81.4k

                                          Topics

                                          1.3m

                                          Posts
                                          Community
                                          Impressum | Datenschutz-Bestimmungen | Nutzungsbedingungen
                                          ioBroker Community 2014-2025
                                          logo
                                          • Login

                                          • Don't have an account? Register

                                          • Login or register to search.
                                          • First post
                                            Last post
                                          0
                                          • Recent
                                          • Tags
                                          • Unread 0
                                          • Categories
                                          • Unreplied
                                          • Popular
                                          • GitHub
                                          • Docu
                                          • Hilfe