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. ioBroker Allgemein
  4. Der "ultimative" ioBroker Lovelace Leitfaden/Dokumentation

NEWS

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

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

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

Der "ultimative" ioBroker Lovelace Leitfaden/Dokumentation

Geplant Angeheftet Gesperrt Verschoben ioBroker Allgemein
lovelacedokumentationleitfadenhilfeanleitung
194 Beiträge 30 Kommentatoren 53.2k Aufrufe 37 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.
  • _ _R_A_L_F_

    @garfonso Und wie es es dann generell möglich auf die CSS Styles variabel einzuwirken?
    Ich möchte ja eigentlich nur die Karte bzw. das Icon je nach Entity Wert einfärben. Das muss doch gehen oder?
    Alternativ zu oben habe ich es auch noch so probiert den Hintergrund der Karte einzufärben. Klappt aber leider auch nicht :( .

    card_mod:
      style: |
        ha-card {
          background: >-
          [[[
           var fenster = states.sensor.TestLoveLace_TestZahl;
           if (fenster > 0)
           return ‘red’;
           else
           return ‘blue’;
          ]]]
        }
    
    GarfonsoG Offline
    GarfonsoG Offline
    Garfonso
    Developer
    schrieb am zuletzt editiert von
    #130

    @_r_a_l_f_

    Ich hab es mit Icon-Farben dynamisch selber nicht hinbekommen und einfach aufgegeben.
    Es gibt eine Button-Card, die das von sich aus kann (custom button, glaube ich).

    Alternativ kommst du vielleicht mit card_mod weiter, das macht viel mit CSS, aber ob das auf states reagieren kann, weiß ich nicht.

    Mein Weg ist für binary_sensors mit der Auto-Entities Karte zu filtern ob was in der richtigen Geräteklasse an oder aus ist und nur die anzuzeigen, die an sind (für "Warnungen" wie Batterie leer oder so).

    Sieht dann so aus:

    type: custom:auto-entities
    card:
      type: entities
      title: Batterie Warnungen
    filter:
      include:
        - domain: binary_sensor
          attributes:
            device_class: battery
          state: 'on'
          options:
            state_color: true
    

    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 Antwort Letzte Antwort
    0
    • Basti LiciouzB Basti Liciouz

      Hi zusammen,

      ich habe eine grundlegende Frage zu dem "ultimativen" Leitfaden:
      Hier steht für die Custom Cards geschrieben, dass die Quelldateien zuerst in eine .js kompiliert werden müssen.
      Nun bestehen die wenigsten Custom Cards anscheinend aus nur der einen .js, sondern vielmehr um einem Sammelsorium an Dateien. Wie kann man damit umgehen? Wie bekommt man das in iobroker rein? Es scheint einen Weg zu geben, aber ich finde hier in der Suche und beim googeln beim besten Willen keine Hinweise.

      Danke im Voraus!

      GarfonsoG Offline
      GarfonsoG Offline
      Garfonso
      Developer
      schrieb am zuletzt editiert von
      #131

      @basti-liciouz
      das steht im Leitfaden? :scream:

      Wenn du die Karten von github lädst, dann am besten rechts in der Spalte nach "releases" gucken, da das letzte nehmen. Da sollte eine gebaute .js Datei verlinkt sein. -> das ist die richtige. Und dann hast du auch eine Version (die schreibe ich immer einfach in den Dateinamen beim runterladen) und kannst gucken, ob die Karte noch aktuell ist. :-)

      Wenn das so nicht geht:
      Gucken, ob es eine einzelne js-Datei gibt, dann die nehmen.

      Es gibt ein paar wenige Karten, die die card-tools (oder so) brauchen. Die kannst du noch selber installieren.
      Eine Karte hatte mal ganz viele Bilder gebraucht, die kann man mittlerweile auch in Ordner schieben. Würde ich aber nicht empfehlen...

      Grundsätzlich git: Wenn da python-Dateien gebraucht werden, wird es vermutlich nicht (oder zumindest ein Teil nicht) gehen.

      Und eine Karte mit typescript usw. würde ich an deiner Stelle nicht bauen, außer du kennst dich gut damit aus. ;-)

      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

      Basti LiciouzB 1 Antwort Letzte Antwort
      0
      • GarfonsoG Garfonso

        @_r_a_l_f_

        Ich hab es mit Icon-Farben dynamisch selber nicht hinbekommen und einfach aufgegeben.
        Es gibt eine Button-Card, die das von sich aus kann (custom button, glaube ich).

        Alternativ kommst du vielleicht mit card_mod weiter, das macht viel mit CSS, aber ob das auf states reagieren kann, weiß ich nicht.

        Mein Weg ist für binary_sensors mit der Auto-Entities Karte zu filtern ob was in der richtigen Geräteklasse an oder aus ist und nur die anzuzeigen, die an sind (für "Warnungen" wie Batterie leer oder so).

        Sieht dann so aus:

        type: custom:auto-entities
        card:
          type: entities
          title: Batterie Warnungen
        filter:
          include:
            - domain: binary_sensor
              attributes:
                device_class: battery
              state: 'on'
              options:
                state_color: true
        
        _ Offline
        _ Offline
        _R_A_L_F_
        schrieb am zuletzt editiert von
        #132

        @garfonso said in Der "ultimative" ioBroker Lovelace Leitfaden/Dokumentation:

        Alternativ kommst du vielleicht mit card_mod weiter, das macht viel mit CSS, aber ob das auf states reagieren kann, weiß ich nicht.

        Einerseits habe versucht auf die Icon Farbe einen dynamischen Einfluss zu nehmen. Andererseits habe ich mir die card-mod.js heruntergeladen und manuell die Hintergrundfarbe der card angepasst => funktioniert.
        Dann wollte ich dynamisch anpassen mit diesem Code und das führt direkt zum Absturz des Adapters.

        card_mod:
          style: |
            ha-card {
              background: >-
              [[[
               var fenster = states.sensor.TestLoveLace_TestZahl;
               if (fenster > 0)
               return ‘red’;
               else
               return ‘blue’;
              ]]]
            }
        

        Also bedeutet es gibt gar keine Möglichkeit mit Scripten etwas in den Karten zu dynamisieren oder?
        Aber guter Tipp mit der Auto-Entities Karte.

        GarfonsoG 1 Antwort Letzte Antwort
        0
        • GarfonsoG Garfonso

          @basti-liciouz
          das steht im Leitfaden? :scream:

          Wenn du die Karten von github lädst, dann am besten rechts in der Spalte nach "releases" gucken, da das letzte nehmen. Da sollte eine gebaute .js Datei verlinkt sein. -> das ist die richtige. Und dann hast du auch eine Version (die schreibe ich immer einfach in den Dateinamen beim runterladen) und kannst gucken, ob die Karte noch aktuell ist. :-)

          Wenn das so nicht geht:
          Gucken, ob es eine einzelne js-Datei gibt, dann die nehmen.

          Es gibt ein paar wenige Karten, die die card-tools (oder so) brauchen. Die kannst du noch selber installieren.
          Eine Karte hatte mal ganz viele Bilder gebraucht, die kann man mittlerweile auch in Ordner schieben. Würde ich aber nicht empfehlen...

          Grundsätzlich git: Wenn da python-Dateien gebraucht werden, wird es vermutlich nicht (oder zumindest ein Teil nicht) gehen.

          Und eine Karte mit typescript usw. würde ich an deiner Stelle nicht bauen, außer du kennst dich gut damit aus. ;-)

          Basti LiciouzB Offline
          Basti LiciouzB Offline
          Basti Liciouz
          schrieb am zuletzt editiert von Basti Liciouz
          #133

          @garfonso sagte in Der "ultimative" ioBroker Lovelace Leitfaden/Dokumentation:

          @basti-liciouz
          das steht im Leitfaden? :scream:

          Wenn du die Karten von github lädst, dann am besten rechts in der Spalte nach "releases" gucken, da das letzte nehmen. Da sollte eine gebaute .js Datei verlinkt sein. -> das ist die richtige. Und dann hast du auch eine Version (die schreibe ich immer einfach in den Dateinamen beim runterladen) und kannst gucken, ob die Karte noch aktuell ist. :-)

          Wenn das so nicht geht:
          Gucken, ob es eine einzelne js-Datei gibt, dann die nehmen.

          Es gibt ein paar wenige Karten, die die card-tools (oder so) brauchen. Die kannst du noch selber installieren.
          Eine Karte hatte mal ganz viele Bilder gebraucht, die kann man mittlerweile auch in Ordner schieben. Würde ich aber nicht empfehlen...

          Grundsätzlich git: Wenn da python-Dateien gebraucht werden, wird es vermutlich nicht (oder zumindest ein Teil nicht) gehen.

          Und eine Karte mit typescript usw. würde ich an deiner Stelle nicht bauen, außer du kennst dich gut damit aus. ;-)

          Ja, steht dort tatsächlich drin. Ist aber vmtl. eher ein Wink an den entsprechenden Entwickler, die js zu kompilieren. ;-) So interpretiere ich es jetzt nach deinem Feedback.
          Danke für den Hinweis mit den Releases!

          c8be0868-62b1-4212-9db4-cb8e37755d30-image.png

          1 Antwort Letzte Antwort
          0
          • _ _R_A_L_F_

            @garfonso said in Der "ultimative" ioBroker Lovelace Leitfaden/Dokumentation:

            Alternativ kommst du vielleicht mit card_mod weiter, das macht viel mit CSS, aber ob das auf states reagieren kann, weiß ich nicht.

            Einerseits habe versucht auf die Icon Farbe einen dynamischen Einfluss zu nehmen. Andererseits habe ich mir die card-mod.js heruntergeladen und manuell die Hintergrundfarbe der card angepasst => funktioniert.
            Dann wollte ich dynamisch anpassen mit diesem Code und das führt direkt zum Absturz des Adapters.

            card_mod:
              style: |
                ha-card {
                  background: >-
                  [[[
                   var fenster = states.sensor.TestLoveLace_TestZahl;
                   if (fenster > 0)
                   return ‘red’;
                   else
                   return ‘blue’;
                  ]]]
                }
            

            Also bedeutet es gibt gar keine Möglichkeit mit Scripten etwas in den Karten zu dynamisieren oder?
            Aber guter Tipp mit der Auto-Entities Karte.

            GarfonsoG Offline
            GarfonsoG Offline
            Garfonso
            Developer
            schrieb am zuletzt editiert von
            #134

            @_r_a_l_f_ said in Der "ultimative" ioBroker Lovelace Leitfaden/Dokumentation:

            und das führt direkt zum Absturz des Adapters.

            Mach mal dazu ein issue auf und häng da das log an, bitte.

            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 Antwort Letzte Antwort
            0
            • GarfonsoG Garfonso

              @_r_a_l_f_ said in Der "ultimative" ioBroker Lovelace Leitfaden/Dokumentation:

              und das führt direkt zum Absturz des Adapters.

              Mach mal dazu ein issue auf und häng da das log an, bitte.

              _ Offline
              _ Offline
              _R_A_L_F_
              schrieb am zuletzt editiert von
              #135

              @garfonso said in Der "ultimative" ioBroker Lovelace Leitfaden/Dokumentation:

              Mach mal dazu ein issue auf und häng da das log an, bitte.

              Issue ist angelegt. Bekomme es aktuell jedoch nicht hin den Fehler so zu reproduzieren, dass dieser den Adapter zum Absturz bringt.

              1 Antwort Letzte Antwort
              1
              • D Offline
                D Offline
                DerT
                Forum Testing
                schrieb am zuletzt editiert von
                #136

                Hi, ist die Version 1.3 noch aktuell?
                Habe in Thread zwar nichts neueres gefunden, wollte aber auf Nummer sicher gehen und nachfragen.

                GarfonsoG 1 Antwort Letzte Antwort
                0
                • D DerT

                  Hi, ist die Version 1.3 noch aktuell?
                  Habe in Thread zwar nichts neueres gefunden, wollte aber auf Nummer sicher gehen und nachfragen.

                  GarfonsoG Offline
                  GarfonsoG Offline
                  Garfonso
                  Developer
                  schrieb am zuletzt editiert von
                  #137

                  @dert
                  soweit ich weiß gibt es keine neuere Version vom Leitfaden.

                  Ich wollte eigentlich mal die Doku komplett neu machen und auch vom Leitfaden Zeug übernehmen und das im Repository aktuell halten... aber das ist irgendwie mittendrin hängen geblieben (wie so oft mit Doku).

                  Gerne bei Fragen / Änderugen da Pull Requests auf git erstellen (das müsste sogar auf www.iobroker.net landen können).

                  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 Antwort Letzte Antwort
                  0
                  • SwisslizardS Offline
                    SwisslizardS Offline
                    Swisslizard
                    schrieb am zuletzt editiert von
                    #138

                    Kleine Anmerkung zu den Services. Hab grad ein bissel gekämpft bis das funktioniert hat.

                    Habe zuerst versucht alles im visuellen Editor zu konfigurieren. Leider ohne Erfolg!
                    Der generierte Code passt nicht!

                    Nach der Anpassung des Codes damit es so ausschaut wie wie weiter oben von @KNXbroker beschrieben hat es schliesslich funktioniert. Das Problem lag bei den Daten für den Service.

                    Die funktionierende Variante schaut so aus:

                    show_name: true
                    show_icon: true
                    type: button
                    name: Rollladen beschatten
                    entity: input_number.areas_officeTom_blindsTargetPosition
                    tap_action:
                      action: call-service
                      service: input_number.set_value
                      service_data:
                        entity_id: input_number.areas_officeTom_blindsTargetPosition
                        value: 80
                    
                    

                    Und wenn der unterste Teil des Codes, d.h. ab service_data:, wie vom Editor generiert aussieht, dann klappt es nicht:

                      target:
                        entity_id: input_number.areas_officeTom_blindsTargetPosition
                      data:
                        value: 80
                    

                    HIer hat sicch wohl etwas geändert.

                    GarfonsoG 1 Antwort Letzte Antwort
                    0
                    • SwisslizardS Swisslizard

                      Kleine Anmerkung zu den Services. Hab grad ein bissel gekämpft bis das funktioniert hat.

                      Habe zuerst versucht alles im visuellen Editor zu konfigurieren. Leider ohne Erfolg!
                      Der generierte Code passt nicht!

                      Nach der Anpassung des Codes damit es so ausschaut wie wie weiter oben von @KNXbroker beschrieben hat es schliesslich funktioniert. Das Problem lag bei den Daten für den Service.

                      Die funktionierende Variante schaut so aus:

                      show_name: true
                      show_icon: true
                      type: button
                      name: Rollladen beschatten
                      entity: input_number.areas_officeTom_blindsTargetPosition
                      tap_action:
                        action: call-service
                        service: input_number.set_value
                        service_data:
                          entity_id: input_number.areas_officeTom_blindsTargetPosition
                          value: 80
                      
                      

                      Und wenn der unterste Teil des Codes, d.h. ab service_data:, wie vom Editor generiert aussieht, dann klappt es nicht:

                        target:
                          entity_id: input_number.areas_officeTom_blindsTargetPosition
                        data:
                          value: 80
                      

                      HIer hat sicch wohl etwas geändert.

                      GarfonsoG Offline
                      GarfonsoG Offline
                      Garfonso
                      Developer
                      schrieb am zuletzt editiert von
                      #139

                      @swisslizard
                      huch, target ist mir tatsächlich neu. Da muss ich mal gucken, ob ich dafür support einbauen kann. Steht das innerhalb von "service_data" oder statt service_data?

                      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

                      SwisslizardS 1 Antwort Letzte Antwort
                      0
                      • B Offline
                        B Offline
                        berndsolar13
                        schrieb am zuletzt editiert von
                        #140

                        Hallo, ich versuche seit dem Wochenende mir schöne Dashboards zu bauen.
                        Einige hab ich schon, diese werden HabPanel ersetzen, vorallem weil sie auch auf dem Handy besser funktionieren.

                        Eine Sache bekomme ich trotz stundenlangen Googeln nicht auf die Reihe, für euch ist das sicher ein Klacks.

                        Ich hab 2 Steckdosen am Aquarium eine an der Lampe eine an der Pumpe.
                        Ich will mir nun statt in 2 Kacheln / Widgets nur alles in einer, dafür das in Summe anzeigen.

                        Bisher ist es so und es funktioniert

                        type: entity
                        entity: sensor.refossstd3_ENERGY_Power
                        state_color: false
                        name: Aquarium Lampe
                        

                        Das dann noch mal für die Pumpe mit std4...

                        Wollte aber nun das es irgendwie zusammen geht quasi
                        sensor1 + sensor2 ;)
                        Ich weiß, ich könnte ein Blocky mit Alias in userdata erstellen und es dort ablegen.
                        Dachte ich könnte wie in Habpanel einfach 2 Datenpunkte zusammenrechnen :)

                        GarfonsoG 1 Antwort Letzte Antwort
                        0
                        • B berndsolar13

                          Hallo, ich versuche seit dem Wochenende mir schöne Dashboards zu bauen.
                          Einige hab ich schon, diese werden HabPanel ersetzen, vorallem weil sie auch auf dem Handy besser funktionieren.

                          Eine Sache bekomme ich trotz stundenlangen Googeln nicht auf die Reihe, für euch ist das sicher ein Klacks.

                          Ich hab 2 Steckdosen am Aquarium eine an der Lampe eine an der Pumpe.
                          Ich will mir nun statt in 2 Kacheln / Widgets nur alles in einer, dafür das in Summe anzeigen.

                          Bisher ist es so und es funktioniert

                          type: entity
                          entity: sensor.refossstd3_ENERGY_Power
                          state_color: false
                          name: Aquarium Lampe
                          

                          Das dann noch mal für die Pumpe mit std4...

                          Wollte aber nun das es irgendwie zusammen geht quasi
                          sensor1 + sensor2 ;)
                          Ich weiß, ich könnte ein Blocky mit Alias in userdata erstellen und es dort ablegen.
                          Dachte ich könnte wie in Habpanel einfach 2 Datenpunkte zusammenrechnen :)

                          GarfonsoG Offline
                          GarfonsoG Offline
                          Garfonso
                          Developer
                          schrieb am zuletzt editiert von
                          #141

                          @berndsolar13
                          das einfachste, was mir einfällt, ist tatsächlich, mit einem Skript in einem neuen Datenpunkt die Summe speichern.

                          Ansonsten ginge noch per Markdown und Bindings (ist dann "ioBroker" Welt). Nachteil: Geht bei Lovelace ausschließelich in der markdown Karte und du musst daher das alles selber schön formatieren.

                          In der HomeAssistant Welt (wo das UI ja ursprünglich herkommt), kann man das bei manchen Karten mit deren Skripting / Binding machen (aber auch nicht bei allen, wohl eher bei den custom). Das wird aber bisher im lovelace Adapter nicht unterstützt (soweit ich weiß ;-) ).

                          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 Antwort Letzte Antwort
                          0
                          • GarfonsoG Garfonso

                            @swisslizard
                            huch, target ist mir tatsächlich neu. Da muss ich mal gucken, ob ich dafür support einbauen kann. Steht das innerhalb von "service_data" oder statt service_data?

                            SwisslizardS Offline
                            SwisslizardS Offline
                            Swisslizard
                            schrieb am zuletzt editiert von
                            #142

                            @garfonso
                            Sorry für die urlaubsbedingt etwas späte Antwort.

                            Was aus dem visuallen Editor kommt und nicht funktioniert sieht wie folgt aus:

                            show_name: true
                            show_icon: true
                            type: button
                            tap_action:
                              action: call-service
                              service: input_number.set_value
                              target:
                                entity_id: input_number.areas_livingroom_ventLevel
                              data:
                                value: 2
                            entity: input_number.areas_livingroom_ventLevel
                            hold_action:
                              action: none
                            

                            Die angepasste funktionierende Variante hat statt target und data einen service_data block:

                            show_name: true
                            show_icon: true
                            type: button
                            tap_action:
                              action: call-service
                              service: input_number.set_value
                              service_data:
                                entity_id: input_number.areas_livingroom_ventLevel
                                value: 2
                            entity: input_number.areas_livingroom_ventLevel
                            hold_action:
                              action: none
                            
                            
                            1 Antwort Letzte Antwort
                            1
                            • theknutT Offline
                              theknutT Offline
                              theknut
                              schrieb am zuletzt editiert von
                              #143

                              Hallo, ich versuche gerade Lovelace zum Laufen zu kriegen, irgendwie äußerst holprig. Die größten Probleme sind aktuell, dass

                              • Meine Aliase nicht automatisch erkannt werden. Alle sind unter alias.0 und haben Room und Function zugeordnet, tauchen aber unter Entities nicht auf
                                ab17da84-99cc-4f1f-b3de-b3b1730b9714-image.png

                              • Popup Card funktioniert irgendwie nicht, wie ich mir das vorgestellt habe. Wenn ich in iob den dummy auf true setze taucht kein Popup auf

                              type: custom:popup-card
                              entity: input_boolean.dummyBoolean
                              title: Eingang
                              dismissable: true
                              card:
                                type: picture
                                image: http://****
                                alt_text: Eingang
                                tap_action:
                                  action: navigate
                                  navigation_path: /lovelace/kamera-eingang
                              size: fullscreen
                              timeout: 30000
                              

                              ☕ @ https://ko-fi.com/theknut

                              SwisslizardS 1 Antwort Letzte Antwort
                              0
                              • theknutT theknut

                                Hallo, ich versuche gerade Lovelace zum Laufen zu kriegen, irgendwie äußerst holprig. Die größten Probleme sind aktuell, dass

                                • Meine Aliase nicht automatisch erkannt werden. Alle sind unter alias.0 und haben Room und Function zugeordnet, tauchen aber unter Entities nicht auf
                                  ab17da84-99cc-4f1f-b3de-b3b1730b9714-image.png

                                • Popup Card funktioniert irgendwie nicht, wie ich mir das vorgestellt habe. Wenn ich in iob den dummy auf true setze taucht kein Popup auf

                                type: custom:popup-card
                                entity: input_boolean.dummyBoolean
                                title: Eingang
                                dismissable: true
                                card:
                                  type: picture
                                  image: http://****
                                  alt_text: Eingang
                                  tap_action:
                                    action: navigate
                                    navigation_path: /lovelace/kamera-eingang
                                size: fullscreen
                                timeout: 30000
                                
                                SwisslizardS Offline
                                SwisslizardS Offline
                                Swisslizard
                                schrieb am zuletzt editiert von
                                #144

                                @theknut
                                Im Hintergrund der Deviceerkennung ist der ioBroker Type Detector aktiv. Der Detector erkennt zwar diverses Devicetypen automatisch, aber zum Teil ist es (zumindest für mich) schwer das Verhalten der Komponente nachzuvollziehen.

                                Bei Deiner Lampe müssten Datenpunkte gemäss folgendem Link vorhanden sein: https://github.com/ioBroker/ioBroker.type-detector/blob/master/DEVICES.md#light-switch-light (für Lampen mit Dimmer gibts eine etwas andere Definition witer oben).
                                Zumindest auf den ersten Blick dürfte eine der Ursachen Deines Problems die Rolle des SET Datenpunkts sein. Bei Dir ist die Rolle sensor.light, gemäss Tabelle müsste dort switch.light stehen.

                                Ob es ausreicht, wenn die Funktion und der Raum nur indirekt bzw. vom übergeordneten Folder übernommen werden weiss ich nicht sicher. Wenn die Korrektur der Rolle nicht hilft, ev. mal versuchen Rolle und Funktion direkt auf dem Channel Folder anzugeben.

                                Bei den Ordnerstrukturen für die Devices/Channels bin ich immer wieder überrascht was funktioniert and was nicht, z.B. schien es bei mir einen Unterschied zu machen ob in einem anderen Folder ein weiteres Device mit gleichem Namen (nicht ID) vorhanden war. Eine vollständige Erklärung dieser Logik habe ich bis jetzt nicht gefunden und zum analysieren des ganzen Codes war ich bislang zu faul. D.h. wenn obige Ideen nicht helfen, dann ev. mal hier ansetzen.

                                Last but not least, ev. mal den Devices Adapter installieren. Dort drin kann man sehen was, wie erkannt wird und welche Datenpunkte einem Device von der Erkennung zugewiesen wurden und auch ob die Zuweisung stimmt.

                                theknutT 1 Antwort Letzte Antwort
                                2
                                • SwisslizardS Swisslizard

                                  @theknut
                                  Im Hintergrund der Deviceerkennung ist der ioBroker Type Detector aktiv. Der Detector erkennt zwar diverses Devicetypen automatisch, aber zum Teil ist es (zumindest für mich) schwer das Verhalten der Komponente nachzuvollziehen.

                                  Bei Deiner Lampe müssten Datenpunkte gemäss folgendem Link vorhanden sein: https://github.com/ioBroker/ioBroker.type-detector/blob/master/DEVICES.md#light-switch-light (für Lampen mit Dimmer gibts eine etwas andere Definition witer oben).
                                  Zumindest auf den ersten Blick dürfte eine der Ursachen Deines Problems die Rolle des SET Datenpunkts sein. Bei Dir ist die Rolle sensor.light, gemäss Tabelle müsste dort switch.light stehen.

                                  Ob es ausreicht, wenn die Funktion und der Raum nur indirekt bzw. vom übergeordneten Folder übernommen werden weiss ich nicht sicher. Wenn die Korrektur der Rolle nicht hilft, ev. mal versuchen Rolle und Funktion direkt auf dem Channel Folder anzugeben.

                                  Bei den Ordnerstrukturen für die Devices/Channels bin ich immer wieder überrascht was funktioniert and was nicht, z.B. schien es bei mir einen Unterschied zu machen ob in einem anderen Folder ein weiteres Device mit gleichem Namen (nicht ID) vorhanden war. Eine vollständige Erklärung dieser Logik habe ich bis jetzt nicht gefunden und zum analysieren des ganzen Codes war ich bislang zu faul. D.h. wenn obige Ideen nicht helfen, dann ev. mal hier ansetzen.

                                  Last but not least, ev. mal den Devices Adapter installieren. Dort drin kann man sehen was, wie erkannt wird und welche Datenpunkte einem Device von der Erkennung zugewiesen wurden und auch ob die Zuweisung stimmt.

                                  theknutT Offline
                                  theknutT Offline
                                  theknut
                                  schrieb am zuletzt editiert von
                                  #145

                                  @swisslizard danke für deine Hilfestellung! Ich habe das Problem gefunden. Das Problem war, dass ich die Aliase via JS erstellt habe und im Common-Teil read: true vergessen hatte.

                                  ☕ @ https://ko-fi.com/theknut

                                  1 Antwort Letzte Antwort
                                  1
                                  • theknutT Offline
                                    theknutT Offline
                                    theknut
                                    schrieb am zuletzt editiert von
                                    #146

                                    Hat jemand Erfahrung mit Grafana und weiß, wie man das als iframe integrieren kann? Wenn ich das im Lovelace mache, dann bekomme ich einen Fehler 192.168.*.* hat die Verbindung abgelehnt.

                                    c62d0fa5-6080-476a-9cb8-02043fe804eb-image.png

                                    type: iframe
                                    url: http://*******:3000/public-dashboards/f299197c61ac********f637601427a8a
                                    title: Grafana
                                    

                                    Wie kann man das integrieren?

                                    ☕ @ https://ko-fi.com/theknut

                                    David G.D 1 Antwort Letzte Antwort
                                    1
                                    • theknutT theknut

                                      Hat jemand Erfahrung mit Grafana und weiß, wie man das als iframe integrieren kann? Wenn ich das im Lovelace mache, dann bekomme ich einen Fehler 192.168.*.* hat die Verbindung abgelehnt.

                                      c62d0fa5-6080-476a-9cb8-02043fe804eb-image.png

                                      type: iframe
                                      url: http://*******:3000/public-dashboards/f299197c61ac********f637601427a8a
                                      title: Grafana
                                      

                                      Wie kann man das integrieren?

                                      David G.D Online
                                      David G.D Online
                                      David G.
                                      schrieb am zuletzt editiert von
                                      #147

                                      @theknut

                                      Evtl hilft das.
                                      Erste Treffer beim googlen mit "grafana iframe".
                                      Ich selber nutze es nicht.

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

                                      Meine Tabellen für eure Visualisierung klick

                                      1 Antwort Letzte Antwort
                                      0
                                      • H Offline
                                        H Offline
                                        hammerhead86
                                        schrieb am zuletzt editiert von
                                        #148

                                        Vielleicht gibt es die Möglichkeit schon und ich bin einfach blind.
                                        Gibt es die Möglichkeit, eine einfache digitale Uhr anzuzeigen?
                                        Finde da keinen Weg zu.

                                        Außerdem wäre es cool, wenn man bei Lampen per Slider die Farbe ändern könnte (ähnlich wie Helligkeit etc).
                                        Aber auch da blicke ich nicht durch.

                                        Könnte jemand nem Anfänger einen Denkanstoß und Hilfe geben?

                                        GarfonsoG theknutT 2 Antworten Letzte Antwort
                                        0
                                        • H hammerhead86

                                          Vielleicht gibt es die Möglichkeit schon und ich bin einfach blind.
                                          Gibt es die Möglichkeit, eine einfache digitale Uhr anzuzeigen?
                                          Finde da keinen Weg zu.

                                          Außerdem wäre es cool, wenn man bei Lampen per Slider die Farbe ändern könnte (ähnlich wie Helligkeit etc).
                                          Aber auch da blicke ich nicht durch.

                                          Könnte jemand nem Anfänger einen Denkanstoß und Hilfe geben?

                                          GarfonsoG Offline
                                          GarfonsoG Offline
                                          Garfonso
                                          Developer
                                          schrieb am zuletzt editiert von
                                          #149

                                          @hammerhead86
                                          es gibt eine clock card oder so, die eine Uhr anzeigt.

                                          Sonst ist der homeAssistant weg ein sensor-Entity, glaube ich, wo die Uhrzeit drinnen steht. Das gibt's im iobroker nicht per default, müsstest du ein Skript für basteln, wenn man das wirklich will (steht dann relativ viel netzwerk traffic dahinter, für Sekundenanzeige würde ich das nicht empfehlen). Aber die Uhrzeit kann das frontend auch ruhig vom Browser bekommen, nicht?

                                          Zu den Lampen:
                                          wenn die im ioBroker vernünftig als RGB Lampen erkannt werden, geht das auch. Setz dich mal mit dem Geräte-Tab auseinander, da müsste im Leitfanden auch was zu stehen. Wenn die da als RGB auftauchen, automatisches entity erzeugen lassen und dann gibt es ein Farbauswahl-Rad im UI.

                                          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 Antwort Letzte Antwort
                                          0
                                          Antworten
                                          • In einem neuen Thema antworten
                                          Anmelden zum Antworten
                                          • Älteste zuerst
                                          • Neuste zuerst
                                          • Meiste Stimmen


                                          Support us

                                          ioBroker
                                          Community Adapters
                                          Donate
                                          FAQ Cloud / IOT
                                          HowTo: Node.js-Update
                                          HowTo: Backup/Restore
                                          Downloads
                                          BLOG

                                          854

                                          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