Navigation

    Logo
    • Register
    • Login
    • Search
    • Recent
    • Tags
    • Unread
    • Categories
    • Unreplied
    • Popular
    • GitHub
    • Docu
    • Hilfe
    1. Home
    2. Deutsch
    3. Visualisierung
    4. Zeigt her eure Lovelace-Visualisierung

    NEWS

    • Neuer Blog: Fotos und Eindrücke aus Solingen

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

    • ioBroker goes Matter ... Matter Adapter in Stable

    Zeigt her eure Lovelace-Visualisierung

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

      @garfonso

      Das mit den in Lovelace nicht existierenden Submenus wäre eine Möglichkeit die Einträge im Menubalken auf die wirklich wichtigen Hauptpunkte zu beschränken und weniger häufig benötigte Dinge über ein Untermenu zugreifbar zu machen. Hilfreich wäre da z.B. auch wenn man bei Subviews statt des Zurückpfeils einfach das normale Menu anzeigen könnte. Diese Dinge gibt es halt nicht und drum versuche ich mich irgendwie im das ganze rumzuwursteln.

      Popups und Subview benutze ich schon reichlich um das ganze zu strukturieren. Der Ansatz wird aber sobald mehr als ein Unterlevel vorhanden resp. von einem Popup/Subview zum nächsten navigiert wird etwas unübersichtlich.

      Werde wohl mal Versuchen ob ich die custom:sidebar-card oder die custom:circle-menu-card zum laufen kriege. Damit liesse sich ev. etwas zusätzliche Struktur ins ganze bringen oder der obere Menubalken ablösen.

      Deine Lösung für die nicht erreichbaren Geräte ist definitiv eleganter und schlauer als meine! Beim mir ist das im Moment ein entity-filter mit einer Liste aller Senor Entities, Muss ich mal umbauen, obwohl bei mir sicher nie etwas vergessen geht, da die View mit der Liste (und auch die vielen Subviews mit Charts oder Storenbuttons, wie auch die meisten Alias-Datenpunkte samt Entitydefinitionen) per Script angelegt und nachgeführt werden.

      1 Reply Last reply Reply Quote 1
      • tiobb
        tiobb last edited by

        Servus zusammen,

        die ganzen Visualisierungen die hier gezeigt werden habt ihr doch nicht mit Lovelace erstellt, oder etwa doch? Wenn doch, könnte mir bitte mal jemand für ganz ganz doofe erklären wie das geht? Ich bekomme in lovelace nur ganz plumpe Kacheln gebacken
        Bild_2025-07-07_154643613.png

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

          @tiobb

          Eigentlich ist schon alles lovelace.

          Teilweise aber mit custom cards oder html was man sich selber mit einem JS oder Blockly generiert.

          Was ist denn zB ein Bild hier aus dem Topic wo du Interesse an der Umsetzung hast?

          1 Reply Last reply Reply Quote 0
          • tiobb
            tiobb @dontobi last edited by tiobb

            @david-g sagte in Zeigt her eure Lovelace-Visualisierung:

            @tiobb

            Eigentlich ist schon alles lovelace.

            Teilweise aber mit custom cards oder html was man sich selber mit einem JS oder Blockly generiert.

            Was ist denn zB ein Bild hier aus dem Topic wo du Interesse an der Umsetzung hast?

            Die sind alle mega, hab mal ein schlichtes von @dontobi gewählt. Ich bekomme nicht einmal den Müll eingebunden, trotz ical und trashschedule. Von HTML hab ich null Ahnung, wie von allem eigentlich 🤣😒

            deceb8bf-5901-46a7-b70a-58745f22aa68-image.png

            c4d6f14c-7911-465c-8d4d-628c5fb122dd-image.png

            d590e698-1eef-4e01-a4b9-b187474ae624-image.png
            69bc5746-8cb3-473c-aff4-221d181efc93-image.png

            bd46cd41-0a54-4009-80ea-6bf6f519fe4e-image.png

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

              @tiobb

              Er hat ja viel dies Entitäten Karte, das mit den ganzen slidern am Rand und den Zahlenwerten.

              Die Heizung ist die [custom simple-thermostat Karte] (https://github.com/nervetattoo/simple-thermostat)

              Für die Mülltonnen hat hier im Forum jmd eine eigene Karte geschrieben, finde ich gtad nicht den link.

              Das Wetter ist die integrierte Karte.

              Die anderen Customcards erkenne ich nicht auf Anhieb. Evtl custom button card.

              EDIT
              Auf html basieren für Tabellen aus meiner Signatur.

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

                @david-g sagte in Zeigt her eure Lovelace-Visualisierung:

                @tiobb

                Für die Mülltonnen hat hier im Forum jmd eine eigene Karte geschrieben, finde ich gtad nicht den link.

                Du meinst wahrscheinlich diesen Beitrag . Bekomme ich irgendwie nicht hin. Die Daten sehe ich den Objekten, aber ich habe keine Ahnung wie ich das in lovelace eingebunden bekomme, die Karte taucht einfach in lovelace nicht auf obwohl ich die card in lovelace geladen habe.
                Screenshot 2025-07-08 101701.png
                So sieht es momentan aus, mir würde es ja fast reichen wenn ich die einzelnen Kacheln verschieben und in der Größe genau anpassen könnte. Es fehlen aber noch jede Menge Sachen in der Visualisierung. Und das Symbol Lüfter funktioniert auch sehr merkwürdig bis gar nicht. Manchmal zeigt er "An", aber der Lüfter ist eigentlich aus, und anders herum. Manchmal reagiert er gar nicht.
                Screenshot 2025-07-08 101012.png

                Wie bekomme ich z.B. so eine Schaltfläche eingebaut. Nur mit dem Code funktioniert es nicht.
                Screenshot 2025-07-08 103516.png

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

                  @tiobb sagte in Zeigt her eure Lovelace-Visualisierung:

                  Du meinst wahrscheinlich diesen Beitrag

                  Genau.
                  Die Karte findest du und er Auflistung nicht. Nimm irgend eine andere Karte und tippe (kopiere) den Text manuell ein. Oder die Karte "Manuell".

                  @tiobb sagte in Zeigt her eure Lovelace-Visualisierung:

                  mir würde es ja fast reichen wenn ich die einzelnen Kacheln verschieben und in der Größe genau anpassen könnte

                  Das geht in Lovelace nicht so einfach und wenn doch nur sehr umständlich.

                  Die button Card habe ich noch nie verwendet.
                  Evtl am Wochenende mal Zeit die zu probieren.

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

                    @david-g sagte in Zeigt her eure Lovelace-Visualisierung:

                    Genau.
                    Die Karte findest du und er Auflistung nicht. Nimm irgend eine andere Karte und tippe (kopiere) den Text manuell ein. Oder die Karte "Manuell".

                    Danke, habe es hinbekommen, sieht jetzt so aus

                    type: horizontal-stack
                    cards:
                      - type: custom:trashschedule-card
                        locale: de-DE
                        trashtype: Papiertonne
                        trashcolor: sensor.type_papiertonne_color
                        daysleft: sensor.type_papiertonne_daysLeft
                        date: sensor.type_papiertonne_nextDate
                      - type: custom:trashschedule-card
                        locale: de-DE
                        trashtype: Hausmüll
                        trashcolor: sensor.type_hausmuell_color
                        daysleft: sensor.type_hausmuell_daysLeft
                        date: sensor.type_hausmuell_nextDate
                      - type: custom:trashschedule-card
                        locale: de-DE
                        trashtype: Biomüll
                        trashcolor: sensor.type_biomuell_color
                        daysleft: sensor.type_biomuell_daysLeft
                        date: sensor.type_biomuell_nextDate
                      - type: custom:trashschedule-card
                        locale: de-DE
                        trashtype: gelbeTonne
                        trashcolor: sensor.type_gelbeTonne_color
                        daysleft: sensor.type_gelbeTonne_daysLeft
                        date: sensor.type_gelbeTonne_nextDate
                    

                    Screenshot 2025-07-08 130748.png

                    nur bekomme ich die Sortierung nach nächster Leerung nicht hin, hab den Code im Beitrag entsprechend angepasst, aber da wird mir dann nichts angezeigt

                    type: custom:auto-entities
                    card:
                      type: horizontal-stack
                    card_param: cards
                    filter:
                      include:
                        - entity_id: sensor.type_papiertonne_daysLeft
                          options:
                            type: custom:trashschedule-card
                            locale: de-DE
                            trashtype: Papiertonne
                            trashcolor: sensor.type_papiertonne_color
                            daysleft: sensor.type_papiertonne_daysLeft
                            date: sensor.type_papiertonne_nextDate
                        - entity_id: sensor.type_hausmuell_daysLeft
                          options:
                            type: custom:trashschedule-card
                            locale: de-DE
                            trashtype: Hausmülll
                            trashcolor: sensor.type_hausmuell_color
                            daysleft: sensor.type_hausmuell_daysLeft
                            date: sensor.type_hausmuell_nextDate
                        - entity_id: sensor.type_biomuell_daysLeft
                          options:
                            type: custom:trashschedule-card
                            locale: de-DE
                            trashtype: Biomüll
                            trashcolor: sensor.type_biomuell_color
                            daysleft: sensor.type_biomuell_daysLeft
                            date: sensor.type_biomuell_nextDate
                        - entity_id: sensor.type_gelbeTonne_daysLeft
                          options:
                            type: custom:trashschedule-card
                            locale: de-DE
                            trashtype: gelbeTonne
                            trashcolor: sensor.type_gelbeTonne_color
                            daysleft: sensor.type_gelbeTonne_daysLeft
                            date: sensor.type_gelbeTonne_nextDate
                    sort:
                      method: state
                      numeric: true
                    
                    David G. 1 Reply Last reply Reply Quote 0
                    • David G.
                      David G. @tiobb last edited by

                      @tiobb

                      Das ist meine Karte

                      Da klappt es.

                      type: custom:auto-entities
                      card:
                        type: horizontal-stack
                      card_param: cards
                      filter:
                        include:
                          - entity_id: sensor.type_papiermuell_daysLeft
                            options:
                              type: custom:trashschedule-card
                              locale: de-DE
                              trashtype: Papiermüll
                              trashcolor: sensor.type_papiermuell_color
                              daysleft: sensor.type_papiermuell_daysLeft
                              date: sensor.type_papiermuell_nextDate
                          - entity_id: sensor.type_biomuell_daysLeft
                            options:
                              type: custom:trashschedule-card
                              locale: de-DE
                              trashtype: Biomüll
                              trashcolor: sensor.type_biomuell_color
                              daysleft: sensor.type_biomuell_daysLeft
                              date: sensor.type_biomuell_nextDate
                          - entity_id: sensor.type_gelberSack_daysLeft
                            options:
                              type: custom:trashschedule-card
                              locale: de-DE
                              trashtype: Gelber_Sack
                              trashcolor: sensor.type_gelberSack_color
                              daysleft: sensor.type_gelberSack_daysLeft
                              date: sensor.type_gelberSack_nextDate
                          - entity_id: sensor.type_restmuell_daysLeft
                            options:
                              type: custom:trashschedule-card
                              locale: de-DE
                              trashtype: Restmüll
                              trashcolor: sensor.type_restmuell_color
                              daysleft: sensor.type_restmuell_daysLeft
                              date: sensor.type_restmuell_nextDate
                      sort:
                        method: state
                        numeric: true
                      

                      Hatte anfangs aber auch Probleme mit dem Sortieren. Hatte glaube irgendwo einen Rechtschreibfehler. War auch im Entsprechenden Topic.

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

                        @david-g sagte in Zeigt her eure Lovelace-Visualisierung:

                        @tiobb

                        Das ist meine Karte

                        Da klappt es.

                        Hatte anfangs aber auch Probleme mit dem Sortieren. Hatte glaube irgendwo einen Rechtschreibfehler. War auch im Entsprechenden Topic.

                        Hab es probiert, funktioniert nicht. Kann das etwas mit der auto-entities.js zu tun haben? Eine Fehlermeldung bekomme ich nicht.
                        Bild_2025-07-08_153450062.png

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

                          @tiobb

                          Da weiß ich jetzt auch nicht.
                          Evtl hat @cookingeek eine Idee.

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

                            @david-g sagte in Zeigt her eure Lovelace-Visualisierung:

                            @tiobb

                            Da weiß ich jetzt auch nicht.
                            Evtl hat @cookingeek eine Idee.

                            Ich bin mal gespannt ob sich @cookingeek meldet.

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

                            Support us

                            ioBroker
                            Community Adapters
                            Donate

                            557
                            Online

                            31.8k
                            Users

                            80.0k
                            Topics

                            1.3m
                            Posts

                            template vis
                            32
                            109
                            31073
                            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