Navigation

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

    NEWS

    • ioBroker@Smart Living Forum Solingen, 14.06. - Agenda added

    • ioBroker goes Matter ... Matter Adapter in Stable

    • Monatsrückblick - April 2025

    Test Adapter lovelace v1.2.x

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

      @david-g
      Naja, da müsste man schon auf den Typ achten, also hätte dann auch einen text für aus, wenn man einen Datenpunkt nimmt. Wenn man nen zweiten Datenpunkt nimmt, hat man natürlich den Vorteil, dass man nichts kaputt macht, was schonmal jemand gebaut hat. Daher denke ich das wird es 🙂

      E 1 Reply Last reply Reply Quote 1
      • nukleuz
        nukleuz @Garfonso last edited by nukleuz

        @garfonso

        Es geht mir darum, dass ich über die Control-Icons gerne den Boost und die Party-States vom HM-IP-Thermostat steuern möchte.
        Das würde perfekt reinpassen. Schaue mir aber mal den Gerätetyp Klimaanlage an...

        Danke und Grüße

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

          @nukleuz

          Kannst ja auch mal schauen wie ich es gemacht habe.
          In meiner Signatur ist ein Link wo unter anderem ich meine Visu zeige.

          Habe es mir so ähnlich selber gebastelt.
          Hatte es erst auf dem selben Weg wie du probiert.

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

            @david-g

            Coole Sache!

            Kannst du mir sagen, wo die Bilder (in welcher Ordnerstruktur) abgelegt sind - also /cards/Bildname.png?

            Und wie hast du es hinbekommen, dass zwischen den Cards (simple-thermostate und picture-elements) kein sichtbarer Übergang besteht? Bestimmt mit CSS, aber mit welchen Befehlen...?

            Danke vorab für deine Infos.

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

              @nukleuz

              Die Bilder kannst du einfach in den Instanzeinstellungen hochladen, da wo auch die Customcards rein kommen.

              Ich habe mehrere Karten mit der "custom stack in card" vereint.

              Die bedient man wie einen horizontalen oder vertikalen Stapel. Nur, dass man keine Rahmen hat (man kann auch noch dies und das einstellen).

              Hier der Code meiner Karte:

              - type: 'custom:stack-in-card'
                      mode: vertical
                      keep:
                        box_shadow: false
                        margin: false
                        border_radius: true
                        outer_padding: true
                      cards:
                        - type: horizontal-stack
                          cards:
                            - type: thermostat
                              entity: climate.Heizung_KZ_2
                              name: 'Wohnzimmer '
                              style: |
                                ha-card {
                                   --heat-color: #f59042 !important;
                                }
                                round-slider {
                                  --round-slider-bar-color: #f59042 !important;
                                }
                        - type: vertical-stack
                          cards:
                            - type: markdown
                              content: '---'
                        - type: horizontal-stack
                          cards:
                            - type: picture-elements
                              image: /cards/bg_thermo_settings.png
                              elements:
                                - type: image
                                  image: /cards/boost_active.png
                                  entity: switch.Kinderzimmer_2_Heizung_KZ_2_BOOST
                                  state_filter:
                                    'true': brightness(100%) saturate(0.0)
                                    'false': brightness(100%) saturate
                                  tap_action:
                                    action: toggle
                                  hold_action:
                                    action: none
                                  style:
                                    top: 20px
                                    left: 28%
                                    width: 10%
                                - type: image
                                  image: /cards/urlaub_active.png
                                  entity: switch.Kinderzimmer_2_Heizung_KZ_2_PARTY
                                  state_filter:
                                    'true': brightness(100%) saturate(0.0)
                                    'false': brightness(100%) saturate
                                  tap_action:
                                    action: toggle
                                  hold_action:
                                    action: none
                                  style:
                                    top: 20px
                                    left: 72%
                                    width: 10%
                                - type: image
                                  image: /cards/linie_senkrecht.png
                                  entity: binary_sensor.Schloss_Haustuere
                                  state_filter:
                                    'true': brightness(100%) saturate(0.0)
                                    'false': brightness(100%) saturate
                                  tap_action:
                                    action: toggle
                                  hold_action:
                                    action: none
                                  style:
                                    top: 20px
                                    left: 50%
              

              Über den Style habe ich nur den Schieberegler Orange gemacht. Kann man also auch weglassen.

              nukleuz 2 Replies Last reply Reply Quote 0
              • nukleuz
                nukleuz @David G. last edited by

                @david-g

                Danke - genau die Info habe ich gebraucht 👍

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

                  @david-g

                  Ich hab es, aber eins muss ich noch wissen - wie hast du die Icons bei Aktivierung (Toggle) orange bekommen?
                  Du bindest ja nur die farbigen Images ein - wo kommen die weissen Bilder für Boost und Party her? 👷

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

                    @nukleuz

                    Die Bilder sind orange. Die habe ich mir selber erstellt und hochgeladen.

                    Über:

                                        state_filter:
                                          'true': brightness(100%) saturate(0.0)
                                          'false': brightness(100%) saturate
                    

                    graue ich das orangene Bild dann aus (glaube in der letzten Zeile könnte das letzte Wort weg.....).

                    nukleuz 2 Replies Last reply Reply Quote 0
                    • nukleuz
                      nukleuz @David G. last edited by

                      @david-g

                      Das werde ich gleich morgen ausprobieren - danke 🙏

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

                        @david-g

                        Das hat 1A geklappt 👍

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

                          @nukleuz

                          Das freut mich.
                          Evtl. kannst du deine Visu wenn sie so weit steht auch im entsprechenden Thread vorstellen.

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

                            @david-g

                            Wird vorgestellt 🙂

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

                              @nukleuz

                              Noch ein kleiner Tipp zur custom stack in card.
                              Ich erstelle mir die Karten immer erst komplett über den visuellen Editor als Horizontalen oder Vertikalen Stapel.
                              Finde das schön übersichtlich dargestellt.

                              Wenn das alles steht, haue ich einfach die Angaben der custom stack in card vorweg.

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

                                @david-g

                                Das ist eine gute Vorgehensweise - hilft um den richtigen Workflow zu finden.
                                Fühlt sich alles noch etwas holprig an.

                                Danke für den Tip!

                                nukleuz 1 Reply Last reply Reply Quote 0
                                • nukleuz
                                  nukleuz @nukleuz last edited by

                                  Hallo zusammen,

                                  ist es möglich auch Lovelace Plugins in ioBroker Lovelace zu integrieren?

                                  (https://github.com/thomasloven/hass-config/wiki/Lovelace-Plugins)

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

                                    @nukleuz
                                    Ja, kannst du installieren. Läuft unter der Beschreibung "Custom Cards". Die meisten gehen. Karte runterladen, in der Konfiguration per Drag & Drop im zweiten (?) Tab auf das Feld ziehen, lovelace neustarten und dann mit der Anleitung der Custom Card in die UI einbauen.

                                    nukleuz 2 Replies Last reply Reply Quote 0
                                    • Garfonso
                                      Garfonso Developer @Garfonso last edited by Garfonso

                                      Über iobroker.pro Zugriff (nagelt mich bitte nicht fest, ob es auch ohne Abo geht?) und den Cloud Adapter geht jetzt auch Zugriff auf Lovelace.

                                      Dazu muss in der Konfiguration vom Cloud-Adapter noch die gewünschte lovelace-Instanz ausgewählt werden. Danach taucht Lovelace in der Oberfläche auf iobroker.pro bei "Anwendungen" auf und ist, nach Einloggen unter der URL https://iobroker.pro:4443/lovelace/ erreichbar. 🙂

                                      Bei der Lovelace Instanz sollte den SSL ausgeschaltet sein. Authorisierung ist ebenfalls nicht notwendig, da die über das ioBroker-Konto gemacht wird.

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

                                        @garfonso

                                        Super - und danke für Info... 👍

                                        Je mehr man sich mit Lovelace auseinandersetzt, desto mehr Spaß macht es.

                                        Weiter so!

                                        1 Reply Last reply Reply Quote 1
                                        • nukleuz
                                          nukleuz @Garfonso last edited by

                                          @garfonso

                                          OK, nach mehrfachen Versuchen hat es mit der "custom:more-info-card" leider nicht geklappt.
                                          Nach dem Herunterladen im RAW-Format läuft diese auch ohne Fehlermeldungen - nach Festlegung der entity wird aber nicht das angezeigt was ich mir erhofft hatte...

                                          IST:
                                          af87a258-85e8-4797-83f7-59729953ece0-image.png

                                          SOLL:
                                          01b49e63-83aa-4af4-a4e6-5daaf2f8a586-image.png

                                          Hast du diese zum Laufen bekommen oder jemand anders?
                                          Oder verstehe ich hier soagr was falsch?

                                          Danke und Grüße

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

                                            @nukleuz
                                            Was ist das denn für ein entity? Ist das automatisch erkannt? Wie sehen in der Instanz die attribute aus? Licht geht nur mit so viel Krempel, wenn automatisch erkannt und so eingerichtet, dass der Devices-Adapter die erkennt (Geräte Tab im Admin).

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

                                            Support us

                                            ioBroker
                                            Community Adapters
                                            Donate

                                            674
                                            Online

                                            31.7k
                                            Users

                                            79.7k
                                            Topics

                                            1.3m
                                            Posts

                                            lovelace visualization
                                            78
                                            1514
                                            514822
                                            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