Skip to content
  • Home
  • Aktuell
  • Tags
  • 0 Ungelesen 0
  • Kategorien
  • Unreplied
  • Beliebt
  • GitHub
  • Docu
  • Hilfe
Skins
  • Light
  • Brite
  • Cerulean
  • Cosmo
  • Flatly
  • Journal
  • Litera
  • Lumen
  • Lux
  • Materia
  • Minty
  • Morph
  • Pulse
  • Sandstone
  • Simplex
  • Sketchy
  • Spacelab
  • United
  • Yeti
  • Zephyr
  • Dark
  • Cyborg
  • Darkly
  • Quartz
  • Slate
  • Solar
  • Superhero
  • Vapor

  • Standard: (Kein Skin)
  • Kein Skin
Einklappen
ioBroker Logo

Community Forum

donate donate
  1. ioBroker Community Home
  2. Deutsch
  3. ioBroker Allgemein
  4. Der "ultimative" ioBroker Lovelace Leitfaden/Dokumentation

NEWS

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

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

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

Der "ultimative" ioBroker Lovelace Leitfaden/Dokumentation

Geplant Angeheftet Gesperrt Verschoben ioBroker Allgemein
lovelacedokumentationleitfadenhilfeanleitung
194 Beiträge 30 Kommentatoren 53.3k Aufrufe 37 Watching
  • Älteste zuerst
  • Neuste zuerst
  • Meiste Stimmen
Antworten
  • In einem neuen Thema antworten
Anmelden zum Antworten
Dieses Thema wurde gelöscht. Nur Nutzer mit entsprechenden Rechten können es sehen.
  • T tomwarrent1

    Gibt es eine Möglichkeit Teile einer View in einer anderen View wiederzuverwenden?
    Hintergrund: Es sollen mehrere nahezu identische Views erstellt werden mit leicht unterschiedlichen Anpassungen oder anderen Themes.

    David G.D Offline
    David G.D Offline
    David G.
    schrieb am zuletzt editiert von
    #156

    @tomwarrent1

    So wie du es möchtest leider nicht.
    Ich Pflege auch 2 views für meine Frau und mich.

    Man könnte höchstens Seiten von view A und view B integrieren. Da ist aber dann nichts mit eigenem Theme oder Anpassungen.

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

    Meine Tabellen für eure Visualisierung klick

    1 Antwort Letzte Antwort
    0
    • T tomwarrent1

      Gibt es eine Möglichkeit Teile einer View in einer anderen View wiederzuverwenden?
      Hintergrund: Es sollen mehrere nahezu identische Views erstellt werden mit leicht unterschiedlichen Anpassungen oder anderen Themes.

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

      @tomwarrent1
      Ich mogle mich mit Javascript um das Problem rum resp. ich erzeuge die ähnlichen Views per Script. Unter lovelace.0.configuration sind die ganzen Views abruf- und auch änderbar (per getObject und setObject).

      1 Antwort Letzte Antwort
      1
      • T tomwarrent1

        Gibt es eine Möglichkeit Teile einer View in einer anderen View wiederzuverwenden?
        Hintergrund: Es sollen mehrere nahezu identische Views erstellt werden mit leicht unterschiedlichen Anpassungen oder anderen Themes.

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

        @tomwarrent1
        Es gibt irgendwie so template gedöns... da hab ich mich aber noch nie mit auseinander gesetzt und weiß nicht, wie viel davon in iobroker läuft bzw. was fehlen würde. Kann gerne mal jemand machen. :-)

        Ultimativer Lovelace Leitfaden: https://forum.iobroker.net/topic/35937/der-ultimative-iobroker-lovelace-leitfaden-dokumentation

        Lovelace UI Beispiele: https://forum.iobroker.net/topic/35950/zeigt-her-eure-lovelace-visualisierung

        D 1 Antwort Letzte Antwort
        0
        • GarfonsoG Garfonso

          @tomwarrent1
          Es gibt irgendwie so template gedöns... da hab ich mich aber noch nie mit auseinander gesetzt und weiß nicht, wie viel davon in iobroker läuft bzw. was fehlen würde. Kann gerne mal jemand machen. :-)

          D Offline
          D Offline
          dan11hh
          schrieb am zuletzt editiert von
          #159

          Hallo @garfonso ,

          ich versuche ein Grafana Dashboard als iFrame einzubinden. Leider meldet Lovelace immer Verbindung abgelehnt. ioBroker und Grafana laufen im Docker und können an sich auch miteinander sprechen. Im normalen Browser funktioniert er auch.

          Danke für die Hilfe!

          David G.D 1 Antwort Letzte Antwort
          0
          • D dan11hh

            Hallo @garfonso ,

            ich versuche ein Grafana Dashboard als iFrame einzubinden. Leider meldet Lovelace immer Verbindung abgelehnt. ioBroker und Grafana laufen im Docker und können an sich auch miteinander sprechen. Im normalen Browser funktioniert er auch.

            Danke für die Hilfe!

            David G.D Offline
            David G.D Offline
            David G.
            schrieb am zuletzt editiert von
            #160

            @dan11hh

            Https in http eingebunden?

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

            Meine Tabellen für eure Visualisierung klick

            1 Antwort Letzte Antwort
            1
            • J Offline
              J Offline
              JohnDenver0815
              schrieb am zuletzt editiert von JohnDenver0815
              #161

              Gibts aktuell eine Möglichkeit, die iFrame-Kachel (Webseite heissts glaube ich in der Übersicht) zu zwingen, die Themeeinstellungen zu nutzen? Ich binde darüber aktuell die erzeugte Webseite vom Adapter "Energiefluss-erweitert" ein (die Hintergrundeinstellungen stehen auf volle Transparenz), der Inhalt der iFrame-Kachel wird aber leider nicht transparent, sondern weiß (so wird die Page auch bei Direktaufruf angezeigt, da der Browser ja "irgendwas" anzeigen muss). Der Adapterentwickler vermutet die Ursache des Anzeigeproblems in der iFrame-Kachel.

              David G.D J 2 Antworten Letzte Antwort
              -1
              • J JohnDenver0815

                Gibts aktuell eine Möglichkeit, die iFrame-Kachel (Webseite heissts glaube ich in der Übersicht) zu zwingen, die Themeeinstellungen zu nutzen? Ich binde darüber aktuell die erzeugte Webseite vom Adapter "Energiefluss-erweitert" ein (die Hintergrundeinstellungen stehen auf volle Transparenz), der Inhalt der iFrame-Kachel wird aber leider nicht transparent, sondern weiß (so wird die Page auch bei Direktaufruf angezeigt, da der Browser ja "irgendwas" anzeigen muss). Der Adapterentwickler vermutet die Ursache des Anzeigeproblems in der iFrame-Kachel.

                David G.D Offline
                David G.D Offline
                David G.
                schrieb am zuletzt editiert von David G.
                #162

                @johndenver0815

                Leider nein.
                Das muss der dev vom Energiefluss-erweitert anpassen. Da muss er was in seiner html anpassen.
                Kannst ja ein Issue auf git zu erstellen.

                Ich erinnere mich, dass das Anfang auch bei echarts war. Dann hatte ich da ein Issue zu aufgemacht und es wurde eine Option für einen transparenten Hintergrund hinzugefügt.

                Evtl. Kann der dev ja von hier ab was ableiten
                https://github.com/ioBroker/ioBroker.echarts/issues/8
                Evtl kann das mit ins Issue
                https://github.com/ioBroker/ioBroker.echarts/commit/d89142ec1d932a9c75b65ffb92b4cde86d24a697

                Das waren die Änderungen in der Version wo das mit dem Hintergrund gekommen ist

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

                Meine Tabellen für eure Visualisierung klick

                1 Antwort Letzte Antwort
                1
                • J JohnDenver0815

                  Gibts aktuell eine Möglichkeit, die iFrame-Kachel (Webseite heissts glaube ich in der Übersicht) zu zwingen, die Themeeinstellungen zu nutzen? Ich binde darüber aktuell die erzeugte Webseite vom Adapter "Energiefluss-erweitert" ein (die Hintergrundeinstellungen stehen auf volle Transparenz), der Inhalt der iFrame-Kachel wird aber leider nicht transparent, sondern weiß (so wird die Page auch bei Direktaufruf angezeigt, da der Browser ja "irgendwas" anzeigen muss). Der Adapterentwickler vermutet die Ursache des Anzeigeproblems in der iFrame-Kachel.

                  J Offline
                  J Offline
                  JohnDenver0815
                  schrieb am zuletzt editiert von
                  #163

                  @SKB Möchtest du da vorher noch drüber schauen, ob es tatsächlich deine Baustelle ist oder soll ich das Issue ohne vorherige Prüfung einkippen?

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

                  Gibts aktuell eine Möglichkeit, die iFrame-Kachel (Webseite heissts glaube ich in der Übersicht) zu zwingen, die Themeeinstellungen zu nutzen? Ich binde darüber aktuell die erzeugte Webseite vom Adapter "Energiefluss-erweitert" ein (die Hintergrundeinstellungen stehen auf volle Transparenz), der Inhalt der iFrame-Kachel wird aber leider nicht transparent, sondern weiß (so wird die Page auch bei Direktaufruf angezeigt, da der Browser ja "irgendwas" anzeigen muss). Der Adapterentwickler vermutet die Ursache des Anzeigeproblems in der iFrame-Kachel.

                  @david-g sagte in Der "ultimative" ioBroker Lovelace Leitfaden/Dokumentation:

                  @johndenver0815

                  Leider nein.
                  Das muss der dev vom Energiefluss-erweitert anpassen. Da muss er was in seiner html anpassen.
                  Kannst ja ein Issue auf git zu erstellen.

                  Ich erinnere mich, dass das Anfang auch bei echarts war. Dann hatte ich da ein Issue zu aufgemacht und es wurde eine Option für einen transparenten Hintergrund hinzugefügt.

                  Evtl. Kann der dev ja von hier ab was ableiten
                  https://github.com/ioBroker/ioBroker.echarts/issues/8
                  Evtl kann das mit ins Issue
                  https://github.com/ioBroker/ioBroker.echarts/commit/d89142ec1d932a9c75b65ffb92b4cde86d24a697

                  Das waren die Änderungen in der Version wo das mit dem Hintergrund gekommen ist

                  SKBS 1 Antwort Letzte Antwort
                  0
                  • J JohnDenver0815

                    @SKB Möchtest du da vorher noch drüber schauen, ob es tatsächlich deine Baustelle ist oder soll ich das Issue ohne vorherige Prüfung einkippen?

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

                    Gibts aktuell eine Möglichkeit, die iFrame-Kachel (Webseite heissts glaube ich in der Übersicht) zu zwingen, die Themeeinstellungen zu nutzen? Ich binde darüber aktuell die erzeugte Webseite vom Adapter "Energiefluss-erweitert" ein (die Hintergrundeinstellungen stehen auf volle Transparenz), der Inhalt der iFrame-Kachel wird aber leider nicht transparent, sondern weiß (so wird die Page auch bei Direktaufruf angezeigt, da der Browser ja "irgendwas" anzeigen muss). Der Adapterentwickler vermutet die Ursache des Anzeigeproblems in der iFrame-Kachel.

                    @david-g sagte in Der "ultimative" ioBroker Lovelace Leitfaden/Dokumentation:

                    @johndenver0815

                    Leider nein.
                    Das muss der dev vom Energiefluss-erweitert anpassen. Da muss er was in seiner html anpassen.
                    Kannst ja ein Issue auf git zu erstellen.

                    Ich erinnere mich, dass das Anfang auch bei echarts war. Dann hatte ich da ein Issue zu aufgemacht und es wurde eine Option für einen transparenten Hintergrund hinzugefügt.

                    Evtl. Kann der dev ja von hier ab was ableiten
                    https://github.com/ioBroker/ioBroker.echarts/issues/8
                    Evtl kann das mit ins Issue
                    https://github.com/ioBroker/ioBroker.echarts/commit/d89142ec1d932a9c75b65ffb92b4cde86d24a697

                    Das waren die Änderungen in der Version wo das mit dem Hintergrund gekommen ist

                    SKBS Offline
                    SKBS Offline
                    SKB
                    Developer Most Active
                    schrieb am zuletzt editiert von
                    #164

                    @johndenver0815 Nach meinem Urlaub kann ich bei mir mal den Lovelace Adapter installieren und schauen, ob das Problem zu diesem oder zum EF gehört.

                    ... wer nicht mit der Zeit geht, geht mit der Zeit ...

                    Aktuelle Entwicklung: Energiefluss - erweitert (https://forum.iobroker.net/topic/64734)

                    David G.D 1 Antwort Letzte Antwort
                    2
                    • SKBS SKB

                      @johndenver0815 Nach meinem Urlaub kann ich bei mir mal den Lovelace Adapter installieren und schauen, ob das Problem zu diesem oder zum EF gehört.

                      David G.D Offline
                      David G.D Offline
                      David G.
                      schrieb am zuletzt editiert von
                      #165

                      @skb

                      Hab es grad mal in Lovelace getestet mit einer einfachen HTML

                      <!DOCTYPE html>
                      <html lang="de">
                      <head>
                          <title>Transparenter Hintergrund</title>
                          <style>
                              body {
                                  background-color: rgba(0, 0, 0, 0);
                                  color: white;
                              }
                          </style>
                      </head>
                      <body>
                          <h1>Hallo, transparenter Hintergrund!</h1>
                      </body>
                      </html>
                      

                      Ergebnis
                      Screenshot_20250126_173707_Fully Kiosk Browser.jpg

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

                      Meine Tabellen für eure Visualisierung klick

                      SKBS 1 Antwort Letzte Antwort
                      0
                      • David G.D David G.

                        @skb

                        Hab es grad mal in Lovelace getestet mit einer einfachen HTML

                        <!DOCTYPE html>
                        <html lang="de">
                        <head>
                            <title>Transparenter Hintergrund</title>
                            <style>
                                body {
                                    background-color: rgba(0, 0, 0, 0);
                                    color: white;
                                }
                            </style>
                        </head>
                        <body>
                            <h1>Hallo, transparenter Hintergrund!</h1>
                        </body>
                        </html>
                        

                        Ergebnis
                        Screenshot_20250126_173707_Fully Kiosk Browser.jpg

                        SKBS Offline
                        SKBS Offline
                        SKB
                        Developer Most Active
                        schrieb am zuletzt editiert von
                        #166

                        @david-g Das hat der User ja als Hintergrund auch beim EF eingestellt.

                        Funktioniert dies auch bei Apple?

                        ... wer nicht mit der Zeit geht, geht mit der Zeit ...

                        Aktuelle Entwicklung: Energiefluss - erweitert (https://forum.iobroker.net/topic/64734)

                        David G.D 1 Antwort Letzte Antwort
                        0
                        • SKBS SKB

                          @david-g Das hat der User ja als Hintergrund auch beim EF eingestellt.

                          Funktioniert dies auch bei Apple?

                          David G.D Offline
                          David G.D Offline
                          David G.
                          schrieb am zuletzt editiert von
                          #167

                          @skb
                          Leider nur Android im Haus. Den Energieflussadapter ist auch nicht vorhanden zum testen.

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

                          Meine Tabellen für eure Visualisierung klick

                          SKBS 1 Antwort Letzte Antwort
                          0
                          • David G.D David G.

                            @skb
                            Leider nur Android im Haus. Den Energieflussadapter ist auch nicht vorhanden zum testen.

                            SKBS Offline
                            SKBS Offline
                            SKB
                            Developer Most Active
                            schrieb am zuletzt editiert von
                            #168

                            @david-g Danke für den Hinweis. Schaue ich mir dann nächste Woche mal an - am Lovelace scheint es ja dann nicht zu liegen.

                            Ich teste mal durch und melde mich zurück.

                            ... wer nicht mit der Zeit geht, geht mit der Zeit ...

                            Aktuelle Entwicklung: Energiefluss - erweitert (https://forum.iobroker.net/topic/64734)

                            David G.D 1 Antwort Letzte Antwort
                            0
                            • SKBS SKB

                              @david-g Danke für den Hinweis. Schaue ich mir dann nächste Woche mal an - am Lovelace scheint es ja dann nicht zu liegen.

                              Ich teste mal durch und melde mich zurück.

                              David G.D Offline
                              David G.D Offline
                              David G.
                              schrieb am zuletzt editiert von David G.
                              #169

                              @skb

                              Wo stelle ich es denn im Adapter ein?
                              Hier?
                              Screenshot_20250126_181540_Chrome.jpg

                              Eigentlich müsste das hier mal ein Modul abtrennen oder?

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

                              Meine Tabellen für eure Visualisierung klick

                              SKBS 1 Antwort Letzte Antwort
                              0
                              • David G.D David G.

                                @skb

                                Wo stelle ich es denn im Adapter ein?
                                Hier?
                                Screenshot_20250126_181540_Chrome.jpg

                                Eigentlich müsste das hier mal ein Modul abtrennen oder?

                                SKBS Offline
                                SKBS Offline
                                SKB
                                Developer Most Active
                                schrieb am zuletzt editiert von
                                #170

                                @david-g Bei Einstellungen kannst du die Hintergrundfarbe einstellen.

                                ... wer nicht mit der Zeit geht, geht mit der Zeit ...

                                Aktuelle Entwicklung: Energiefluss - erweitert (https://forum.iobroker.net/topic/64734)

                                David G.D 1 Antwort Letzte Antwort
                                0
                                • SKBS SKB

                                  @david-g Bei Einstellungen kannst du die Hintergrundfarbe einstellen.

                                  David G.D Offline
                                  David G.D Offline
                                  David G.
                                  schrieb am zuletzt editiert von David G.
                                  #171

                                  @skb
                                  @JohnDenver0815

                                  Screenshot_20250126_195839_Fully Kiosk Browser.jpg

                                  Screenshot_20250126_200153_Chrome.jpg

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

                                  Meine Tabellen für eure Visualisierung klick

                                  SKBS XBiTX 2 Antworten Letzte Antwort
                                  1
                                  • David G.D David G.

                                    @skb
                                    @JohnDenver0815

                                    Screenshot_20250126_195839_Fully Kiosk Browser.jpg

                                    Screenshot_20250126_200153_Chrome.jpg

                                    SKBS Offline
                                    SKBS Offline
                                    SKB
                                    Developer Most Active
                                    schrieb am zuletzt editiert von
                                    #172

                                    @david-g Danke fürs Testen. Sieht ja so aus, als wenn's funktioniert.

                                    Dann scheint hier das Problem bei Apple zu liegen.

                                    ... wer nicht mit der Zeit geht, geht mit der Zeit ...

                                    Aktuelle Entwicklung: Energiefluss - erweitert (https://forum.iobroker.net/topic/64734)

                                    David G.D 1 Antwort Letzte Antwort
                                    0
                                    • SKBS SKB

                                      @david-g Danke fürs Testen. Sieht ja so aus, als wenn's funktioniert.

                                      Dann scheint hier das Problem bei Apple zu liegen.

                                      David G.D Offline
                                      David G.D Offline
                                      David G.
                                      schrieb am zuletzt editiert von
                                      #173

                                      @skb

                                      Hat er Apple geschrieben? Evtl den Schieber nur in der falschen Richtung ^^

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

                                      Meine Tabellen für eure Visualisierung klick

                                      SKBS 1 Antwort Letzte Antwort
                                      0
                                      • David G.D David G.

                                        @skb

                                        Hat er Apple geschrieben? Evtl den Schieber nur in der falschen Richtung ^^

                                        SKBS Offline
                                        SKBS Offline
                                        SKB
                                        Developer Most Active
                                        schrieb am zuletzt editiert von
                                        #174

                                        @david-g Ich glaube im EF Thread schrieb @JohnDenver0815 von Apple. Vielleicht sagt er nochmal was dazu.

                                        Ich teste dies mal im Apple Simulator, ob da Transparenz nicht klappt, wie sie soll.
                                        Komme da allerdings erst nächste Woche zu.

                                        ... wer nicht mit der Zeit geht, geht mit der Zeit ...

                                        Aktuelle Entwicklung: Energiefluss - erweitert (https://forum.iobroker.net/topic/64734)

                                        J 1 Antwort Letzte Antwort
                                        0
                                        • SKBS SKB

                                          @david-g Ich glaube im EF Thread schrieb @JohnDenver0815 von Apple. Vielleicht sagt er nochmal was dazu.

                                          Ich teste dies mal im Apple Simulator, ob da Transparenz nicht klappt, wie sie soll.
                                          Komme da allerdings erst nächste Woche zu.

                                          J Offline
                                          J Offline
                                          JohnDenver0815
                                          schrieb am zuletzt editiert von
                                          #175

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

                                          @david-g Ich glaube im EF Thread schrieb @JohnDenver0815 von Apple. Vielleicht sagt er nochmal was dazu.

                                          Ich teste dies mal im Apple Simulator, ob da Transparenz nicht klappt, wie sie soll.
                                          Komme da allerdings erst nächste Woche zu.

                                          Korrekt, hier wird mit angebissenem Kernobst hantiert (Mac + iPhone). Die Transparenzeinstellungen hatte ich gesetzt, wurden aber leider nicht (bzw. wenn ich so drüber nachdenke "nur ab und zu") bis zur iFrame-Kachel nach Lovelace durchgereicht. Zumindest bei meinem PV-Diagramm wurde es ab und an vernünftig, beim nächsten Aufruf dann wiederum mit weißem Hintergrund angezeigt.

                                          1 Antwort Letzte Antwort
                                          0
                                          Antworten
                                          • In einem neuen Thema antworten
                                          Anmelden zum Antworten
                                          • Älteste zuerst
                                          • Neuste zuerst
                                          • Meiste Stimmen


                                          Support us

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

                                          823

                                          Online

                                          32.4k

                                          Benutzer

                                          81.5k

                                          Themen

                                          1.3m

                                          Beiträge
                                          Community
                                          Impressum | Datenschutz-Bestimmungen | Nutzungsbedingungen | Einwilligungseinstellungen
                                          ioBroker Community 2014-2025
                                          logo
                                          • Anmelden

                                          • Du hast noch kein Konto? Registrieren

                                          • Anmelden oder registrieren, um zu suchen
                                          • Erster Beitrag
                                            Letzter Beitrag
                                          0
                                          • Home
                                          • Aktuell
                                          • Tags
                                          • Ungelesen 0
                                          • Kategorien
                                          • Unreplied
                                          • Beliebt
                                          • GitHub
                                          • Docu
                                          • Hilfe