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.
  • D DerT

    Hi, ist die Version 1.3 noch aktuell?
    Habe in Thread zwar nichts neueres gefunden, wollte aber auf Nummer sicher gehen und nachfragen.

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

    @dert
    soweit ich weiß gibt es keine neuere Version vom Leitfaden.

    Ich wollte eigentlich mal die Doku komplett neu machen und auch vom Leitfaden Zeug übernehmen und das im Repository aktuell halten... aber das ist irgendwie mittendrin hängen geblieben (wie so oft mit Doku).

    Gerne bei Fragen / Änderugen da Pull Requests auf git erstellen (das müsste sogar auf www.iobroker.net landen können).

    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

    1 Antwort Letzte Antwort
    0
    • SwisslizardS Offline
      SwisslizardS Offline
      Swisslizard
      schrieb am zuletzt editiert von
      #138

      Kleine Anmerkung zu den Services. Hab grad ein bissel gekämpft bis das funktioniert hat.

      Habe zuerst versucht alles im visuellen Editor zu konfigurieren. Leider ohne Erfolg!
      Der generierte Code passt nicht!

      Nach der Anpassung des Codes damit es so ausschaut wie wie weiter oben von @KNXbroker beschrieben hat es schliesslich funktioniert. Das Problem lag bei den Daten für den Service.

      Die funktionierende Variante schaut so aus:

      show_name: true
      show_icon: true
      type: button
      name: Rollladen beschatten
      entity: input_number.areas_officeTom_blindsTargetPosition
      tap_action:
        action: call-service
        service: input_number.set_value
        service_data:
          entity_id: input_number.areas_officeTom_blindsTargetPosition
          value: 80
      
      

      Und wenn der unterste Teil des Codes, d.h. ab service_data:, wie vom Editor generiert aussieht, dann klappt es nicht:

        target:
          entity_id: input_number.areas_officeTom_blindsTargetPosition
        data:
          value: 80
      

      HIer hat sicch wohl etwas geändert.

      GarfonsoG 1 Antwort Letzte Antwort
      0
      • SwisslizardS Swisslizard

        Kleine Anmerkung zu den Services. Hab grad ein bissel gekämpft bis das funktioniert hat.

        Habe zuerst versucht alles im visuellen Editor zu konfigurieren. Leider ohne Erfolg!
        Der generierte Code passt nicht!

        Nach der Anpassung des Codes damit es so ausschaut wie wie weiter oben von @KNXbroker beschrieben hat es schliesslich funktioniert. Das Problem lag bei den Daten für den Service.

        Die funktionierende Variante schaut so aus:

        show_name: true
        show_icon: true
        type: button
        name: Rollladen beschatten
        entity: input_number.areas_officeTom_blindsTargetPosition
        tap_action:
          action: call-service
          service: input_number.set_value
          service_data:
            entity_id: input_number.areas_officeTom_blindsTargetPosition
            value: 80
        
        

        Und wenn der unterste Teil des Codes, d.h. ab service_data:, wie vom Editor generiert aussieht, dann klappt es nicht:

          target:
            entity_id: input_number.areas_officeTom_blindsTargetPosition
          data:
            value: 80
        

        HIer hat sicch wohl etwas geändert.

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

        @swisslizard
        huch, target ist mir tatsächlich neu. Da muss ich mal gucken, ob ich dafür support einbauen kann. Steht das innerhalb von "service_data" oder statt service_data?

        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

        SwisslizardS 1 Antwort Letzte Antwort
        0
        • B Offline
          B Offline
          berndsolar13
          schrieb am zuletzt editiert von
          #140

          Hallo, ich versuche seit dem Wochenende mir schöne Dashboards zu bauen.
          Einige hab ich schon, diese werden HabPanel ersetzen, vorallem weil sie auch auf dem Handy besser funktionieren.

          Eine Sache bekomme ich trotz stundenlangen Googeln nicht auf die Reihe, für euch ist das sicher ein Klacks.

          Ich hab 2 Steckdosen am Aquarium eine an der Lampe eine an der Pumpe.
          Ich will mir nun statt in 2 Kacheln / Widgets nur alles in einer, dafür das in Summe anzeigen.

          Bisher ist es so und es funktioniert

          type: entity
          entity: sensor.refossstd3_ENERGY_Power
          state_color: false
          name: Aquarium Lampe
          

          Das dann noch mal für die Pumpe mit std4...

          Wollte aber nun das es irgendwie zusammen geht quasi
          sensor1 + sensor2 ;)
          Ich weiß, ich könnte ein Blocky mit Alias in userdata erstellen und es dort ablegen.
          Dachte ich könnte wie in Habpanel einfach 2 Datenpunkte zusammenrechnen :)

          GarfonsoG 1 Antwort Letzte Antwort
          0
          • B berndsolar13

            Hallo, ich versuche seit dem Wochenende mir schöne Dashboards zu bauen.
            Einige hab ich schon, diese werden HabPanel ersetzen, vorallem weil sie auch auf dem Handy besser funktionieren.

            Eine Sache bekomme ich trotz stundenlangen Googeln nicht auf die Reihe, für euch ist das sicher ein Klacks.

            Ich hab 2 Steckdosen am Aquarium eine an der Lampe eine an der Pumpe.
            Ich will mir nun statt in 2 Kacheln / Widgets nur alles in einer, dafür das in Summe anzeigen.

            Bisher ist es so und es funktioniert

            type: entity
            entity: sensor.refossstd3_ENERGY_Power
            state_color: false
            name: Aquarium Lampe
            

            Das dann noch mal für die Pumpe mit std4...

            Wollte aber nun das es irgendwie zusammen geht quasi
            sensor1 + sensor2 ;)
            Ich weiß, ich könnte ein Blocky mit Alias in userdata erstellen und es dort ablegen.
            Dachte ich könnte wie in Habpanel einfach 2 Datenpunkte zusammenrechnen :)

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

            @berndsolar13
            das einfachste, was mir einfällt, ist tatsächlich, mit einem Skript in einem neuen Datenpunkt die Summe speichern.

            Ansonsten ginge noch per Markdown und Bindings (ist dann "ioBroker" Welt). Nachteil: Geht bei Lovelace ausschließelich in der markdown Karte und du musst daher das alles selber schön formatieren.

            In der HomeAssistant Welt (wo das UI ja ursprünglich herkommt), kann man das bei manchen Karten mit deren Skripting / Binding machen (aber auch nicht bei allen, wohl eher bei den custom). Das wird aber bisher im lovelace Adapter nicht unterstützt (soweit ich weiß ;-) ).

            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

            1 Antwort Letzte Antwort
            0
            • GarfonsoG Garfonso

              @swisslizard
              huch, target ist mir tatsächlich neu. Da muss ich mal gucken, ob ich dafür support einbauen kann. Steht das innerhalb von "service_data" oder statt service_data?

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

              @garfonso
              Sorry für die urlaubsbedingt etwas späte Antwort.

              Was aus dem visuallen Editor kommt und nicht funktioniert sieht wie folgt aus:

              show_name: true
              show_icon: true
              type: button
              tap_action:
                action: call-service
                service: input_number.set_value
                target:
                  entity_id: input_number.areas_livingroom_ventLevel
                data:
                  value: 2
              entity: input_number.areas_livingroom_ventLevel
              hold_action:
                action: none
              

              Die angepasste funktionierende Variante hat statt target und data einen service_data block:

              show_name: true
              show_icon: true
              type: button
              tap_action:
                action: call-service
                service: input_number.set_value
                service_data:
                  entity_id: input_number.areas_livingroom_ventLevel
                  value: 2
              entity: input_number.areas_livingroom_ventLevel
              hold_action:
                action: none
              
              
              1 Antwort Letzte Antwort
              1
              • theknutT Offline
                theknutT Offline
                theknut
                schrieb am zuletzt editiert von
                #143

                Hallo, ich versuche gerade Lovelace zum Laufen zu kriegen, irgendwie äußerst holprig. Die größten Probleme sind aktuell, dass

                • Meine Aliase nicht automatisch erkannt werden. Alle sind unter alias.0 und haben Room und Function zugeordnet, tauchen aber unter Entities nicht auf
                  ab17da84-99cc-4f1f-b3de-b3b1730b9714-image.png

                • Popup Card funktioniert irgendwie nicht, wie ich mir das vorgestellt habe. Wenn ich in iob den dummy auf true setze taucht kein Popup auf

                type: custom:popup-card
                entity: input_boolean.dummyBoolean
                title: Eingang
                dismissable: true
                card:
                  type: picture
                  image: http://****
                  alt_text: Eingang
                  tap_action:
                    action: navigate
                    navigation_path: /lovelace/kamera-eingang
                size: fullscreen
                timeout: 30000
                

                ☕ @ https://ko-fi.com/theknut

                SwisslizardS 1 Antwort Letzte Antwort
                0
                • theknutT theknut

                  Hallo, ich versuche gerade Lovelace zum Laufen zu kriegen, irgendwie äußerst holprig. Die größten Probleme sind aktuell, dass

                  • Meine Aliase nicht automatisch erkannt werden. Alle sind unter alias.0 und haben Room und Function zugeordnet, tauchen aber unter Entities nicht auf
                    ab17da84-99cc-4f1f-b3de-b3b1730b9714-image.png

                  • Popup Card funktioniert irgendwie nicht, wie ich mir das vorgestellt habe. Wenn ich in iob den dummy auf true setze taucht kein Popup auf

                  type: custom:popup-card
                  entity: input_boolean.dummyBoolean
                  title: Eingang
                  dismissable: true
                  card:
                    type: picture
                    image: http://****
                    alt_text: Eingang
                    tap_action:
                      action: navigate
                      navigation_path: /lovelace/kamera-eingang
                  size: fullscreen
                  timeout: 30000
                  
                  SwisslizardS Offline
                  SwisslizardS Offline
                  Swisslizard
                  schrieb am zuletzt editiert von
                  #144

                  @theknut
                  Im Hintergrund der Deviceerkennung ist der ioBroker Type Detector aktiv. Der Detector erkennt zwar diverses Devicetypen automatisch, aber zum Teil ist es (zumindest für mich) schwer das Verhalten der Komponente nachzuvollziehen.

                  Bei Deiner Lampe müssten Datenpunkte gemäss folgendem Link vorhanden sein: https://github.com/ioBroker/ioBroker.type-detector/blob/master/DEVICES.md#light-switch-light (für Lampen mit Dimmer gibts eine etwas andere Definition witer oben).
                  Zumindest auf den ersten Blick dürfte eine der Ursachen Deines Problems die Rolle des SET Datenpunkts sein. Bei Dir ist die Rolle sensor.light, gemäss Tabelle müsste dort switch.light stehen.

                  Ob es ausreicht, wenn die Funktion und der Raum nur indirekt bzw. vom übergeordneten Folder übernommen werden weiss ich nicht sicher. Wenn die Korrektur der Rolle nicht hilft, ev. mal versuchen Rolle und Funktion direkt auf dem Channel Folder anzugeben.

                  Bei den Ordnerstrukturen für die Devices/Channels bin ich immer wieder überrascht was funktioniert and was nicht, z.B. schien es bei mir einen Unterschied zu machen ob in einem anderen Folder ein weiteres Device mit gleichem Namen (nicht ID) vorhanden war. Eine vollständige Erklärung dieser Logik habe ich bis jetzt nicht gefunden und zum analysieren des ganzen Codes war ich bislang zu faul. D.h. wenn obige Ideen nicht helfen, dann ev. mal hier ansetzen.

                  Last but not least, ev. mal den Devices Adapter installieren. Dort drin kann man sehen was, wie erkannt wird und welche Datenpunkte einem Device von der Erkennung zugewiesen wurden und auch ob die Zuweisung stimmt.

                  theknutT 1 Antwort Letzte Antwort
                  2
                  • SwisslizardS Swisslizard

                    @theknut
                    Im Hintergrund der Deviceerkennung ist der ioBroker Type Detector aktiv. Der Detector erkennt zwar diverses Devicetypen automatisch, aber zum Teil ist es (zumindest für mich) schwer das Verhalten der Komponente nachzuvollziehen.

                    Bei Deiner Lampe müssten Datenpunkte gemäss folgendem Link vorhanden sein: https://github.com/ioBroker/ioBroker.type-detector/blob/master/DEVICES.md#light-switch-light (für Lampen mit Dimmer gibts eine etwas andere Definition witer oben).
                    Zumindest auf den ersten Blick dürfte eine der Ursachen Deines Problems die Rolle des SET Datenpunkts sein. Bei Dir ist die Rolle sensor.light, gemäss Tabelle müsste dort switch.light stehen.

                    Ob es ausreicht, wenn die Funktion und der Raum nur indirekt bzw. vom übergeordneten Folder übernommen werden weiss ich nicht sicher. Wenn die Korrektur der Rolle nicht hilft, ev. mal versuchen Rolle und Funktion direkt auf dem Channel Folder anzugeben.

                    Bei den Ordnerstrukturen für die Devices/Channels bin ich immer wieder überrascht was funktioniert and was nicht, z.B. schien es bei mir einen Unterschied zu machen ob in einem anderen Folder ein weiteres Device mit gleichem Namen (nicht ID) vorhanden war. Eine vollständige Erklärung dieser Logik habe ich bis jetzt nicht gefunden und zum analysieren des ganzen Codes war ich bislang zu faul. D.h. wenn obige Ideen nicht helfen, dann ev. mal hier ansetzen.

                    Last but not least, ev. mal den Devices Adapter installieren. Dort drin kann man sehen was, wie erkannt wird und welche Datenpunkte einem Device von der Erkennung zugewiesen wurden und auch ob die Zuweisung stimmt.

                    theknutT Offline
                    theknutT Offline
                    theknut
                    schrieb am zuletzt editiert von
                    #145

                    @swisslizard danke für deine Hilfestellung! Ich habe das Problem gefunden. Das Problem war, dass ich die Aliase via JS erstellt habe und im Common-Teil read: true vergessen hatte.

                    ☕ @ https://ko-fi.com/theknut

                    1 Antwort Letzte Antwort
                    1
                    • theknutT Offline
                      theknutT Offline
                      theknut
                      schrieb am zuletzt editiert von
                      #146

                      Hat jemand Erfahrung mit Grafana und weiß, wie man das als iframe integrieren kann? Wenn ich das im Lovelace mache, dann bekomme ich einen Fehler 192.168.*.* hat die Verbindung abgelehnt.

                      c62d0fa5-6080-476a-9cb8-02043fe804eb-image.png

                      type: iframe
                      url: http://*******:3000/public-dashboards/f299197c61ac********f637601427a8a
                      title: Grafana
                      

                      Wie kann man das integrieren?

                      ☕ @ https://ko-fi.com/theknut

                      David G.D 1 Antwort Letzte Antwort
                      1
                      • theknutT theknut

                        Hat jemand Erfahrung mit Grafana und weiß, wie man das als iframe integrieren kann? Wenn ich das im Lovelace mache, dann bekomme ich einen Fehler 192.168.*.* hat die Verbindung abgelehnt.

                        c62d0fa5-6080-476a-9cb8-02043fe804eb-image.png

                        type: iframe
                        url: http://*******:3000/public-dashboards/f299197c61ac********f637601427a8a
                        title: Grafana
                        

                        Wie kann man das integrieren?

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

                        @theknut

                        Evtl hilft das.
                        Erste Treffer beim googlen mit "grafana iframe".
                        Ich selber nutze es nicht.

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

                        Meine Tabellen für eure Visualisierung klick

                        1 Antwort Letzte Antwort
                        0
                        • H Offline
                          H Offline
                          hammerhead86
                          schrieb am zuletzt editiert von
                          #148

                          Vielleicht gibt es die Möglichkeit schon und ich bin einfach blind.
                          Gibt es die Möglichkeit, eine einfache digitale Uhr anzuzeigen?
                          Finde da keinen Weg zu.

                          Außerdem wäre es cool, wenn man bei Lampen per Slider die Farbe ändern könnte (ähnlich wie Helligkeit etc).
                          Aber auch da blicke ich nicht durch.

                          Könnte jemand nem Anfänger einen Denkanstoß und Hilfe geben?

                          GarfonsoG theknutT 2 Antworten Letzte Antwort
                          0
                          • H hammerhead86

                            Vielleicht gibt es die Möglichkeit schon und ich bin einfach blind.
                            Gibt es die Möglichkeit, eine einfache digitale Uhr anzuzeigen?
                            Finde da keinen Weg zu.

                            Außerdem wäre es cool, wenn man bei Lampen per Slider die Farbe ändern könnte (ähnlich wie Helligkeit etc).
                            Aber auch da blicke ich nicht durch.

                            Könnte jemand nem Anfänger einen Denkanstoß und Hilfe geben?

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

                            @hammerhead86
                            es gibt eine clock card oder so, die eine Uhr anzeigt.

                            Sonst ist der homeAssistant weg ein sensor-Entity, glaube ich, wo die Uhrzeit drinnen steht. Das gibt's im iobroker nicht per default, müsstest du ein Skript für basteln, wenn man das wirklich will (steht dann relativ viel netzwerk traffic dahinter, für Sekundenanzeige würde ich das nicht empfehlen). Aber die Uhrzeit kann das frontend auch ruhig vom Browser bekommen, nicht?

                            Zu den Lampen:
                            wenn die im ioBroker vernünftig als RGB Lampen erkannt werden, geht das auch. Setz dich mal mit dem Geräte-Tab auseinander, da müsste im Leitfanden auch was zu stehen. Wenn die da als RGB auftauchen, automatisches entity erzeugen lassen und dann gibt es ein Farbauswahl-Rad im UI.

                            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

                            1 Antwort Letzte Antwort
                            0
                            • H hammerhead86

                              Vielleicht gibt es die Möglichkeit schon und ich bin einfach blind.
                              Gibt es die Möglichkeit, eine einfache digitale Uhr anzuzeigen?
                              Finde da keinen Weg zu.

                              Außerdem wäre es cool, wenn man bei Lampen per Slider die Farbe ändern könnte (ähnlich wie Helligkeit etc).
                              Aber auch da blicke ich nicht durch.

                              Könnte jemand nem Anfänger einen Denkanstoß und Hilfe geben?

                              theknutT Offline
                              theknutT Offline
                              theknut
                              schrieb am zuletzt editiert von
                              #150

                              @hammerhead86 Es gibt eine Karte, aber die wurde schon ewig nicht mehr geupdated und die zeigt noch andere Zeitzonen an, was ich nicht gebraucht habe. Ich hab es bei mir so gemacht:
                              Karte in Lovelace (du brauchst noch card_mod)

                              type: vertical-stack
                              cards:
                                - type: markdown
                                  content: <center class='time'><h1>{0_userdata.0.States.Time}</h1></center>
                                  card_mod:
                                    style: |
                                      ha-card {      
                                        height: 260px !important;
                                        transform: translateY(0px);
                                        z-index: 1;
                                      }
                                      * {
                                        transform: translateY(-100px);
                                        font-size: 70px;
                                      }
                                - type: markdown
                                  content: <center>{0_userdata.0.States.DateDisplayText}</center>
                                  card_mod:
                                    style: |
                                      ha-card {
                                        transform: translateY(-90px);
                                        z-index: 2;
                                        background: transparent;
                                        border-color: transparent;
                                      }
                                      * {
                                        font-size: 38px;
                                        margin: 0px 0px -100px 0px;
                                      }
                              

                              TS in ioBroker

                              schedule('* * * * *', () => {
                                  writeDateTime()
                              });
                              
                              const options: any = { weekday: 'long', year: 'numeric', month: 'long', day: 'numeric' };
                              
                              function writeDateTime() {
                                  const date = new Date();    
                                  setState('0_userdata.0.States.Time', date.toLocaleTimeString('de-DE', { hour: "2-digit", minute: "2-digit" }), true);    
                                  setState('0_userdata.0.States.DateDisplayText', date.toLocaleDateString("de-DE", options), true);
                              }
                              

                              Sieht dann so aus
                              fb8e10e5-8154-4ace-9b0a-66a91276be7f-image.png

                              Ist vllt nicht die schönste Lösung, funktioniert aber echt gut und es muss natürlich immer alles maximal kompliziert sein. Also Donnerstag, 31. Dezember 2024 passt nicht mit der Schriftgröße, aber da kann man ja noch bisschen an den Größen spielen.

                              ☕ @ https://ko-fi.com/theknut

                              1 Antwort Letzte Antwort
                              1
                              • U Offline
                                U Offline
                                Ulfhednir
                                schrieb am zuletzt editiert von
                                #151

                                Nachdem sich jetzt langsam die ioBroker-Visu-App macht, ist Lovelace jetzt wieder für mich ein spannend geworden. Also habe ich mich jetzt auch mal rangemacht und habe mir mal 2-3 Übersichten zusammengeklickert. Was mich jetzt in der App jedoch etwas stört, ist die fehlende Möglichkeit per Swipe zu navigieren. Es soll für HASS eine Erweiterung geben:
                                https://github.com/zanna-37/hass-swipe-navigation

                                Scheinbar funktioniert der angepriesene Weg nicht mehr.
                                swipe.png

                                Hat jemand eine Idee, wie man die Swipe-Navigation trotzdem einbauen kann?

                                David G.D GarfonsoG 2 Antworten Letzte Antwort
                                0
                                • U Ulfhednir

                                  Nachdem sich jetzt langsam die ioBroker-Visu-App macht, ist Lovelace jetzt wieder für mich ein spannend geworden. Also habe ich mich jetzt auch mal rangemacht und habe mir mal 2-3 Übersichten zusammengeklickert. Was mich jetzt in der App jedoch etwas stört, ist die fehlende Möglichkeit per Swipe zu navigieren. Es soll für HASS eine Erweiterung geben:
                                  https://github.com/zanna-37/hass-swipe-navigation

                                  Scheinbar funktioniert der angepriesene Weg nicht mehr.
                                  swipe.png

                                  Hat jemand eine Idee, wie man die Swipe-Navigation trotzdem einbauen kann?

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

                                  @ulfhednir
                                  Ich hatte lange diese Karte in Verwendung
                                  https://github.com/bramkragten/swipe-card

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

                                  Meine Tabellen für eure Visualisierung klick

                                  1 Antwort Letzte Antwort
                                  0
                                  • U Ulfhednir

                                    Nachdem sich jetzt langsam die ioBroker-Visu-App macht, ist Lovelace jetzt wieder für mich ein spannend geworden. Also habe ich mich jetzt auch mal rangemacht und habe mir mal 2-3 Übersichten zusammengeklickert. Was mich jetzt in der App jedoch etwas stört, ist die fehlende Möglichkeit per Swipe zu navigieren. Es soll für HASS eine Erweiterung geben:
                                    https://github.com/zanna-37/hass-swipe-navigation

                                    Scheinbar funktioniert der angepriesene Weg nicht mehr.
                                    swipe.png

                                    Hat jemand eine Idee, wie man die Swipe-Navigation trotzdem einbauen kann?

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

                                    @ulfhednir

                                    Der Fehler, den du da siehst, ist aber egal. Trag die Karte da nicht ein (grundsätzlich da keine Karten mehr eintragen). Einfach zu den custom cards ziehen, adapter neustarten, Frontend neuladen, dann sollte sie gehen. Falls nicht in Browserkonsole nach Fehlern gucken und gucken, ob es für neuere HASS Versionen vielleicht nen fork gibt oder so.

                                    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

                                    U 1 Antwort Letzte Antwort
                                    0
                                    • GarfonsoG Garfonso

                                      @ulfhednir

                                      Der Fehler, den du da siehst, ist aber egal. Trag die Karte da nicht ein (grundsätzlich da keine Karten mehr eintragen). Einfach zu den custom cards ziehen, adapter neustarten, Frontend neuladen, dann sollte sie gehen. Falls nicht in Browserkonsole nach Fehlern gucken und gucken, ob es für neuere HASS Versionen vielleicht nen fork gibt oder so.

                                      U Offline
                                      U Offline
                                      Ulfhednir
                                      schrieb am zuletzt editiert von
                                      #154

                                      @garfonso Danke, ich bin eine Erkenntnis reicher. Die swipe-navigation funktioniert jetzt.

                                      1 Antwort Letzte Antwort
                                      0
                                      • T Offline
                                        T Offline
                                        tomwarrent1
                                        schrieb am zuletzt editiert von tomwarrent1
                                        #155

                                        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 SwisslizardS GarfonsoG 3 Antworten 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.

                                          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
                                          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

                                          815

                                          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