Navigation

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

    NEWS

    • ioBroker goes Matter ... Matter Adapter in Stable

    • 15. 05. Wartungsarbeiten am ioBroker Forum

    • Monatsrückblick - April 2025

    Test Adapter lovelace v0.2.x

    This topic has been deleted. Only users with topic management privileges can see it.
    • W
      WW1983 @BastelKlaus last edited by

      @BastelKlaus
      Stimmt. Am PC sieht es bei mir auch normal aus. Liegt wohl eher an Safari. Muss evtl. mal mit einem anderen Browser auf dem iPad testen.

      Ich glaube die Erscheinung davon ist unerheblich. Sind ja im Grunde nur etwas andere Farben.

      1 Reply Last reply Reply Quote 0
      • marcuskl
        marcuskl last edited by marcuskl

        Also ich verwende den Chrome Browser auf Android und habe es schon versucht mit Cache und so löschen, aber ändert nichts.
        Habe es auch noch mit 3 anderen Browsern versucht, gleiche Problem.
        Sobald ich Downgrade auf 0.2.3 ist die Ansicht wieder Normal.
        Am PC ist die Ansicht bei mir normal.

        Und wie sieht es eigentlich aus mit den Blitzen, kann man die ändern auf ein Standard Slider?
        20191204_123647.jpg

        W 1 Reply Last reply Reply Quote 0
        • W
          WW1983 @marcuskl last edited by

          @marcuskl
          Dann liegt es wohl tatsächlich an der Version.

          Wenn du die Blitze auf einen normalen ein/aus Slider ändern willst, dann musst du den Typen von switch auf light, oder imput_boolean ändern. Zumindest habe ich es so gemacht. Weiß nicht ob es eine bessere Lösung gibt.

          Kannst du mir mal deine Theme Einstellungen schicken? Bei mir zeigt er die ein/aus Slider zu dunkel an, sobald diese aktiv sind.

          marcuskl 1 Reply Last reply Reply Quote 0
          • Thorsten Zai
            Thorsten Zai @Thorsten Zai last edited by

            @Thorsten-Zai said in Test Adapter lovelace v0.2.x:

            Hi zusammen,

            hat wer von euch Homematic eingebunden ?
            deconz klappt bei mir aber wenn ich auf dem Adapter hm-rpc z.b. einen Fensterkontakt mit Raum und Funktion definere, erscheint er nicht in lovelace 😞

            danke schonmal für eure Hilfe

            gruss
            thorsten

            Hi nochmals,
            Nun habe ich iobroker komplett neu aufgesetzt, das Problem bleibt aber weiterhin bestehen. Deconz Adapter und Milight bekomme ich eingebunden.
            Leider aber garkeinen von Homematic. Da die anderen beiden gehen, gehe ich davon aus, dass ich erstmal grundsätzlich mit Function und Rooms alles richtig mache. Wodran könnte es noch liegen ?
            Habe als Installation :
            Raspmatic auf einem Raspberry3
            Iobroker als VM unter ESX auf Basis debian

            Iobroker selbst ist aktuell

            Danke vorab
            Gruß
            Thorsten

            W G 2 Replies Last reply Reply Quote 0
            • marcuskl
              marcuskl @WW1983 last edited by

              @WW1983 Ja auf jedenfall !

              Ok danke dir, werde ich versuchen.
              Ja klar hier:

              transparent:
                  #Background image
                  background: center / cover no-repeat url("/cards/background.jpg") fixed
                  
                  # Main colors
                  primary-color: '##363941'                                                        # Header
                  accent-color: '#E45E65'                                                         # Accent color
                  dark-primary-color: 'var(--accent-color)'                                       # Hyperlinks                                         
                  light-primary-color: 'var(--accent-color)'                                      # Horizontal line in about
                  ha-card-border-radius: '20px'   
                  ha-card-background: 'rgba(150, 150, 150, 0.1)'
                                                                                         
                  # Text colors                                                                  
                  primary-text-color: '#FFFFFF'                                                   # Primary text colour, here is referencing dark-primary-color
                  text-primary-color: 'var(--primary-text-color)'                                 # Primary text colour
                  secondary-text-color: '#5294E2'                                                 # For secondary titles in more info boxes etc.
                  disabled-text-color: '#7F848E'                                                  # Disabled text colour
                  label-badge-border-color: 'green'                                               # Label badge border, just a reference value   
              
                  # Background colors                                                            
                  primary-background-color: '#383C45'                                             # Settings background
                  secondary-background-color: '#383C45'                                           # Main card UI background  
                  divider-color: 'rgba(0, 0, 0, .12)'                                             # Divider 
              
                  # Table rows                                                                   
                  table-row-background-color: '#353840'                                           # Table row
                  table-row-alternative-background-color: '#3E424B'                               # Table row alternative
                                                                                         
                  # Nav Menu                                                                   
                  paper-listbox-color: 'var(--primary-color)'                                     # Navigation menu selection hoover
                  paper-listbox-background-color: '#2E333A'                                       # Navigation menu background
                  paper-grey-50: 'var(--primary-text-color)'                                   
                  paper-grey-200: '#414A59'                                                       # Navigation menu selection
                                                                                         
                  # Paper card                                                               
                  paper-card-header-color: 'var(--accent-color)'                                  # Card header text colour
                  paper-card-background-color: 'rgba(150, 150, 150, 0.1)'                         # Card background colour
                  paper-dialog-background-color: '#434954'                                        # Card dialog background colour
                  paper-item-icon-color: 'var(--primary-text-color)'                              # Icon color
                  paper-item-icon-active-color: '#F9C536'                                         # Icon color active
                  paper-item-icon_-_color: 'green'           
                  paper-item-selected_-_background-color: '#434954'                               # Popup item select                      
                  paper-tabs-selection-bar-color: 'green'
              
                  # Labels 
                  label-badge-red: 'var(--accent-color)'                                          # References the brand colour label badge border
                  label-badge-text-color: 'var(--primary-text-color)'                             # Now same as label badge border but that's a matter of taste
                  label-badge-background-color: '#2E333A'                                         # Same, but can also be set to transparent here
                  label-badge-background: 'rgba(255, 255, 255, 0.1)'
              
                  # Switches
                  paper-toggle-button-checked-button-color: 'var(--accent-color)'
                  paper-toggle-button-checked-bar-color: 'var(--accent-color)'
                  paper-toggle-button-checked-ink-color: 'var(--accent-color)'
                  paper-toggle-button-unchecked-button-color: 'var(--disabled-text-color)'
                  paper-toggle-button-unchecked-bar-color: 'var(--disabled-text-color)'
                  paper-toggle-button-unchecked-ink-color: 'var(--disabled-text-color)'  
              
                  # Sliders
                  paper-slider-knob-color: 'var(--accent-color)'
                  paper-slider-knob-start-color: 'var(--accent-color)'
                  paper-slider-pin-color: 'var(--accent-color)'
                  paper-slider-active-color: 'var(--accent-color)'
                  paper-slider-container-color: 'linear-gradient(var(--primary-background-color), var(--secondary-background-color)) no-repeat'
                  paper-slider-secondary-color: 'var(--secondary-background-color)'
                  paper-slider-disabled-active-color: 'var(--disabled-text-color)'
                  paper-slider-disabled-secondary-color: 'var(--disabled-text-color)'
              
                  # Google colors
                  google-red-500: '#E45E65'
                  google-green-500: '#39E949'
              
              W 1 Reply Last reply Reply Quote 0
              • W
                WW1983 @Thorsten Zai last edited by

                @Thorsten-Zai

                Funktioniert das manuelle Zuweisen (nicht über Raum u. Funktion) auch nicht?

                Thorsten Zai 1 Reply Last reply Reply Quote 0
                • W
                  WW1983 @marcuskl last edited by

                  @marcuskl
                  Vielen Dank!

                  1 Reply Last reply Reply Quote 0
                  • schmallaria
                    schmallaria last edited by schmallaria

                    Hallo zusammen,

                    bin recht neu in der Welt von ioBroker unterwegs und versuche gerade den AccuWeather Adapter zusammen mit Lovelace-UI zum laufen zu bringen. Ich scheitere allerdings darin, dass ich in der Lovelace-UI Konfiguration die entsprechende Wetter-Entität nicht angezeigt bekomme.

                    Versionen:
                    AccuWeather-Adapter: 1.1.1
                    Lovelace-UI: 0.2.3

                    Mit den Adaptern yr.no oder DasWetter funktioniert es.

                    Wie beschrieben habe ich in den Aufzählungen einen Raum "Any" und die Funktion "Weather" angelegt und das dann entsprechend an den Objekten konfiguriert.

                    2019-12-05_07h49_19.png

                    Die gewünschte Entität wird aber nicht erzeugt. Als nächste habe ich dann mal den Lovelace-UI Adapter auf Debug gestellt und bekomme im Log dann die Meldung:

                    [Type-Detector] device accuweather.0.Summary.CurrentDateTime - info - accuweather.0.Summary is not yet supported
                    

                    Von der Meldung ausgehend habe ich mir dann mal den Lovelace-UI Adapater genauer angesehen. Dort gibt es in der server.js eine Methode namens _processIobState. Hier wird der o.g. Fehler erzeugt und zwar weil mein Wetter-Objekt mit dem "control type == info" erkannt wird. Damit in dem Adapter aber die richtige Konvertierungsmethode aufgerufen wird, müsste es eigentlich "control type == accuWeatherForecast" sein.

                    Hat das schon mal jemand zum Laufen gebracht?
                    Wie genau funktioniert der Type-Detector und wie kann ich die Ermittlung der entsprechenden Typen beeinflussen?

                    Vorab schonmal Danke

                    W A 2 Replies Last reply Reply Quote 0
                    • W
                      WW1983 @schmallaria last edited by

                      @schmallaria

                      Für AccuWeather gibt es eine extra custom Card. Die musst gesondert installiert werden. Mit dem normalen Wetter Card funktioniert das nicht.
                      Hier ist die Card:
                      https://github.com/algar42/IoB.lovelace.accuweather-card

                      schmallaria 1 Reply Last reply Reply Quote 0
                      • schmallaria
                        schmallaria @WW1983 last edited by

                        @WW1983

                        Die habe ich gesehen und auch installiert. Das ist aber nicht das Problem.

                        Mir fehlt die entsprechende Entität in der Konfiguration des Lovelace-UI Adapater

                        2019-12-05_09h12_50.png

                        Das warum habe ich versucht in meinem vorhergehenden Post zu erklären.

                        1 Reply Last reply Reply Quote 0
                        • Thorsten Zai
                          Thorsten Zai @WW1983 last edited by Thorsten Zai

                          @WW1983 said in Test Adapter lovelace v0.2.x:

                          @Thorsten-Zai

                          Funktioniert das manuelle Zuweisen (nicht über Raum u. Funktion) auch nicht?

                          Hallo , vielen Dank für die Antwort.
                          Da muss ich mich mal kurz doof stellen, manuell zuweisen heisst über die Webseite den Entity konfigurieren ?
                          Da bin ich leider vom Kenntnisstand raus.
                          Vielleicht noch ein Hinweis, bei der alten, sowie auch komplett neuen iobroker Installation habe ich im Log immer folgendes stehen :
                          lovelace.0 2019-12-05 22:32:28.737 error (5244) Cannot find view "custom" for search "state" : null
                          Edit sagt : steht mehrmals im Log aber kein erkennbarer Rythmus
                          Danke vorab

                          Gruß
                          Thorsten

                          W G 2 Replies Last reply Reply Quote 0
                          • W
                            WW1983 @Thorsten Zai last edited by

                            @Thorsten-Zai
                            Hallo Thorsten. Nein, wenn du in die Objekte gehst und dort den Datenpunkt den du einstellen willst suchst, dort gibt eine Schraubenschlüssel. Wenn du diesen aufmachst, kannst du Einstellungen für Lovelace vornehmen. Und dort die Entity manuell definieren.
                            Anmerkung 2019-12-06 220900.png Anmerkung 2019-12-06 2209001.png

                            Thorsten Zai 1 Reply Last reply Reply Quote 0
                            • Thorsten Zai
                              Thorsten Zai @WW1983 last edited by

                              @WW1983 said in Test Adapter lovelace v0.2.x:

                              @Thorsten-Zai
                              Hallo Thorsten. Nein, wenn du in die Objekte gehst und dort den Datenpunkt den du einstellen willst suchst, dort gibt eine Schraubenschlüssel. Wenn du diesen aufmachst, kannst du Einstellungen für Lovelace vornehmen. Und dort die Entity manuell definieren.
                              Anmerkung 2019-12-06 220900.png Anmerkung 2019-12-06 2209001.png

                              Hi nochmals,
                              habe ich auch getestet .. leider mit dem gleichen Ergebnis.
                              Echt schade, mir erklärt sich auch nicht, trotz Neuinstallation, warum das nicht klappt.
                              Bei iqcontrol klappt es auch oder bei MaterialUI
                              Was könnte es denn mit der Fehlermeldung die ich habe auf sich haben ?

                              Gruß
                              Thorsten

                              1 Reply Last reply Reply Quote 0
                              • JB1985
                                JB1985 last edited by JB1985

                                Hallo,

                                weiß jemand wie ich den State "true" "false" umändern kann?

                                type: glance
                                entities:
                                  - entity: sensor.Name_anwesend
                                    name: Name-Person
                                    icon: 'mdi:home'
                                show_state: true
                                show_icon: true
                                columns: 3
                                

                                true soll anwesend sein und false abwesend.

                                Jemand eine Idee?

                                1 Reply Last reply Reply Quote 0
                                • C
                                  cavediver last edited by

                                  Hallo zusammen,

                                  welchen 'entity type' verwendet ihr für Bewegungsmelder und Tür- und Fensterkontakte? In der Liste der Typen fehlt leider 'binary_sensor', der lt. Dokumentation am besten passen würde. Type 'sensor' funktioniert leider nicht bei Zustandsaufzeichnug mit 'mini-graph-card' und 'history'. Alternative: 'input_boolean' hat wieder den Nachteil, dass man den Wert mittels Schalter setzen kann – auch nicht optimal…

                                  Wo findet man eine gute Beschreibung, welche Typen für welche Komponenten verwendet werden sollten?

                                  Vielen Dank!

                                  1 Reply Last reply Reply Quote 0
                                  • Henning Hi
                                    Henning Hi last edited by Henning Hi

                                    Hallo,
                                    ich beschäftige mich seit dem Wochenende mit dem Lovelace-Adapter und finde diesen echt Klasse. Bei einem Punkt komme ich aber einfach nicht weiter:

                                    Ich möchte Variablen, die nicht aus physischen Geräten stammen, also etwa meine Variable für den Stromverbrauch der letzten Woche in Lovelace einbinden. Ich habe sämtliche Entities-Types durchprobiert, aber keiner liefert mir den Wert in einer Karten. Die einfach "Entities-Card" würde mir schon reichen.

                                    Da diese Variable keinen Raum oder Funktion hat, habe ich mir unter "Aufzählungen" in ioBroker jeweils eine Function und Raum ausgedacht, die ich der Variable zugewiesen habe. Aber auch das bringt nichts. Was mache ich hier falsch? Welcher Typ ist richtig um auch einfache Variablen anzeigen zu können?
                                    3f16c77b-6a9d-4282-9a6b-be7042f75902-image.png

                                    B 1 Reply Last reply Reply Quote 0
                                    • B
                                      BastelKlaus @Henning Hi last edited by

                                      @Henning-Hi schau mal hier, wenn ich das richtig sehe hast du einen "-" drin damit funktioniert es nicht.

                                      @BastelKlaus sagte in Test Adapter lovelace v0.2.x:

                                      Issue erstellt (Node-RED Daten werden nicht mit glance darstellt) --- Issue gelöst danke nochmal an @algar42

                                      Lösung des Problems steckt im Unique Name des Objekts, hier darf kein- verwendet werden nur _ sind erlaubt.

                                      570cd5a8-806f-47c2-ad8d-17331d898f74-image.png

                                      1 Reply Last reply Reply Quote 0
                                      • marcuskl
                                        marcuskl last edited by

                                        ich habe ein Problem und finde nicht die Lösung.
                                        Ich möchte in einer custom button entity card ein button schalten (also ein Objekt type button) ohne das dieser immer ein true/false macht sondern einfach nur tastend?

                                        Bluefox 1 Reply Last reply Reply Quote 0
                                        • marcuskl
                                          marcuskl last edited by

                                          Ich habe mir jetzt mit der Button Card eine RGB Farbsteuerung gebastelt und teile diese mit euch, falls jemand auch mal endlich seine RGB Beleuchtung steuern will.

                                          Ich habe Datenpunkte für ein paar Farben angelegt und lasse mit Blockly die Farbe verändern.

                                          rgb_lovelace.jpg
                                          rgb_lovelace1.jpg
                                          rgb_lovelace2.jpg

                                          type: vertical-stack
                                          cards:
                                           - type: horizontal-stack
                                             cards:
                                               - type: entities
                                                 title: Wohnzimmer
                                                 entities:
                                                   - entity: light.Wohnzimmerlicht
                                                     name: Deckenlampe
                                                   - entity: light.Stehlampe
                                                     name: Stehlampe
                                                   - entity: input_number.stehlampe_helligkeit
                                                     name: Stehlampe Helligkeit
                                                     icon: 'mdi:brightness-6'
                                                   - entity: light.RGB_Fernseher
                                                     name: LED Stripes
                                                   - entity: input_number.led_stripes_helligkeit
                                                     name: LED Stripes Helligkeit
                                                     icon: 'mdi:brightness-6'
                                                   - entity: light.Weihnachtsbaum
                                                     name: Weihnachtsbaum
                                           - type: horizontal-stack
                                             title: Wohnzimmer Farbwahl
                                             cards:
                                               - type: 'custom:button-card'
                                                 color_type: blank-card
                                                 styles:
                                                   card:
                                                     - height: 40px
                                                     - width: 40px
                                               - type: 'custom:button-card'
                                                 icon: 'mdi:palette'
                                                 size: 40px
                                                 styles:
                                                   card:
                                                     - height: 40px
                                                     - width: 40px
                                               - type: 'custom:button-card'
                                                 entity: switch.red
                                                 color_type: card
                                                 show_icon: false
                                                 show_name: false
                                                 state:
                                                   - value: 'on'
                                                     color: 'rgb(245, 98, 93)'
                                                     styles:
                                                       card:
                                                         - height: 40px
                                                         - width: 40px
                                                   - value: 'off'
                                                     color: 'rgb(245, 98, 93)'
                                                     styles:
                                                       card:
                                                         - height: 40px
                                                         - width: 40px
                                               - type: 'custom:button-card'
                                                 entity: switch.blue
                                                 color_type: card
                                                 show_icon: false
                                                 show_name: false
                                                 state:
                                                   - value: 'on'
                                                     color: 'rgb(93, 126, 245)'
                                                     styles:
                                                       card:
                                                         - height: 40px
                                                         - width: 40px
                                                   - value: 'off'
                                                     color: 'rgb(93, 126, 245)'
                                                     styles:
                                                       card:
                                                         - height: 40px
                                                         - width: 40px
                                               - type: 'custom:button-card'
                                                 entity: switch.green
                                                 color_type: card
                                                 show_icon: false
                                                 show_name: false
                                                 state:
                                                   - value: 'on'
                                                     color: 'rgb(93, 245, 96)'
                                                     styles:
                                                       card:
                                                         - height: 40px
                                                         - width: 40px
                                                   - value: 'off'
                                                     color: 'rgb(93, 245, 96)'
                                                     styles:
                                                       card:
                                                         - height: 40px
                                                         - width: 40px
                                               - type: 'custom:button-card'
                                                 entity: switch.violett
                                                 color_type: card
                                                 show_icon: false
                                                 show_name: false
                                                 state:
                                                   - value: 'on'
                                                     color: 'rgb(232, 93, 245)'
                                                     styles:
                                                       card:
                                                         - height: 40px
                                                         - width: 40px
                                                   - value: 'off'
                                                     color: 'rgb(232, 93, 245)'
                                                     styles:
                                                       card:
                                                         - height: 40px
                                                         - width: 40px
                                               - type: 'custom:button-card'
                                                 entity: switch.turkis
                                                 color_type: card
                                                 show_icon: false
                                                 show_name: false
                                                 state:
                                                   - value: 'on'
                                                     color: 'rgb(93, 245, 210)'
                                                     styles:
                                                       card:
                                                         - height: 40px
                                                         - width: 40px
                                                   - value: 'off'
                                                     color: 'rgb(93, 245, 210)'
                                                     styles:
                                                       card:
                                                         - height: 40px
                                                         - width: 40px
                                           - type: horizontal-stack
                                             cards:
                                               - type: 'custom:button-card'
                                                 color_type: blank-card
                                                 styles:
                                                   card:
                                                     - height: 40px
                                                     - width: 40px
                                               - type: 'custom:button-card'
                                                 icon: 'mdi:thermometer'
                                                 size: 40px
                                                 styles:
                                                   card:
                                                     - height: 40px
                                                     - width: 40px
                                               - type: 'custom:button-card'
                                                 entity: switch.warmweiß
                                                 color_type: card
                                                 show_icon: false
                                                 show_name: false
                                                 state:
                                                   - value: 'on'
                                                     color: 'rgb(255, 202, 87)'
                                                     styles:
                                                       card:
                                                         - height: 40px
                                                         - width: 40px
                                                   - value: 'off'
                                                     color: 'rgb(255, 202, 87)'
                                                     styles:
                                                       card:
                                                         - height: 40px
                                                         - width: 40px
                                               - type: 'custom:button-card'
                                                 entity: switch.kaltweiß
                                                 color_type: card
                                                 show_icon: false
                                                 show_name: false
                                                 state:
                                                   - value: 'on'
                                                     color: 'rgb(255, 254, 252)'
                                                     styles:
                                                       card:
                                                         - height: 40px
                                                         - width: 40px
                                                   - value: 'off'
                                                     color: 'rgb(255, 254, 252)'
                                                     styles:
                                                       card:
                                                         - height: 40px
                                                         - width: 40px
                                          
                                          

                                          JB1985 1 Reply Last reply Reply Quote 0
                                          • Bluefox
                                            Bluefox @marcuskl last edited by

                                            @marcuskl man kann mit einem skript den Button wieder auf False setzen.

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

                                            Support us

                                            ioBroker
                                            Community Adapters
                                            Donate

                                            471
                                            Online

                                            31.6k
                                            Users

                                            79.5k
                                            Topics

                                            1.3m
                                            Posts

                                            call for action lovelace test visualisierung
                                            131
                                            1051
                                            277579
                                            Loading More Posts
                                            • Oldest to Newest
                                            • Newest to Oldest
                                            • Most Votes
                                            Reply
                                            • Reply as topic
                                            Log in to reply
                                            Community
                                            Impressum | Datenschutz-Bestimmungen | Nutzungsbedingungen
                                            The ioBroker Community 2014-2023
                                            logo