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@Smart Living Forum Solingen, 14.06. - Agenda added

    • ioBroker goes Matter ... Matter Adapter in Stable

    • Monatsrückblick - April 2025

    Test Adapter lovelace v0.2.x

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

      @WW1983 ich hab heut von 1.0.4 auf 1.0.5 upgedatet
      Bei mir sieht alles normal aus ( PC und Android ), ich muss allerdings schon sagen dass ich im Gegensatz zu deiner Visualisierung wahnsinnig primitiv unter Wegs bin .

      W 1 Reply Last reply Reply Quote 0
      • 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
                                            • First post
                                              Last post

                                            Support us

                                            ioBroker
                                            Community Adapters
                                            Donate

                                            754
                                            Online

                                            31.7k
                                            Users

                                            79.8k
                                            Topics

                                            1.3m
                                            Posts

                                            call for action lovelace test visualisierung
                                            131
                                            1051
                                            317306
                                            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