Skip to content
  • Recent
  • Tags
  • 0 Unread 0
  • Categories
  • Unreplied
  • Popular
  • 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

  • Default (No Skin)
  • No Skin
Collapse
Logo
  1. ioBroker Community Home
  2. Deutsch
  3. Tester
  4. Test lovelace 5.x

NEWS

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

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

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

Test lovelace 5.x

Test lovelace 5.x

Scheduled Pinned Locked Moved Tester
968 Posts 91 Posters 418.3k Views 74 Watching
  • Oldest to Newest
  • Newest to Oldest
  • Most Votes
Reply
  • Reply as topic
Log in to reply
This topic has been deleted. Only users with topic management privileges can see it.
  • XBiTX Offline
    XBiTX Offline
    XBiT
    wrote on last edited by XBiT
    #711

    @Garfonso

    Nur mal eine kurze Frage, kannst du mir sagen warum es auf dem Tablet mit FullyBrowser möglich ist 4 Card´s nebeneinander zu haben aber auf einen Monitor mit Chrome nur 3 (auch wenn theoretisch auf dem Monitor 5 Karten nebeneinander passen würden)


    8c1fcd2a-4667-430f-b8f3-44d1d4968951-image.png

    1 Reply Last reply
    0
    • GarfonsoG Garfonso

      @astuermer
      Ich seh eine "webarchive" Datei und eine Zip Datei in der ebenfalls ein "webarchive" ist... da krieg ich nur XML raus, was ich nicht lesen konnte. Ein Text hab ich nicht gefunden. 😕

      /opt/iobroker/node_modules/iobroker.lovelace/hass_frontend/static/icons da liegt das icon.

      astuermerA Offline
      astuermerA Offline
      astuermer
      wrote on last edited by astuermer
      #712

      @garfonso sagte in Test lovelace 4.x:

      @astuermer
      Ich seh eine "webarchive" Datei und eine Zip Datei in der ebenfalls ein "webarchive" ist... da krieg ich nur XML raus, was ich nicht lesen konnte. Ein Text hab ich nicht gefunden. 😕

      /opt/iobroker/node_modules/iobroker.lovelace/hass_frontend/static/icons da liegt das icon.

      Danke, aber das sind ja eh die Lovelace Icons.
      Da wird aber keines davon als Favicon angezeigt im Browser.
      Ich hab im Browser auf Windows, Mac als auch iOS das runde ioBroker Icon.
      Abgesehen dass der Fenstertitel auch "Übersicht - ioBroker" heißt...

      Update: OK, korrekter Ordner selbst gefunden - Icon ist nun korrekt.
      /opt/iobroker/node_modules/iobroker.lovelace/assets/icons

      1 Reply Last reply
      0
      • S Offline
        S Offline
        StephanH
        wrote on last edited by
        #713

        Hallo zusammen,

        ich würde gerne den Anteil der Fossilen Brennstoffe in meinem Power Flow anzeigen lassen wollen:

        Hier ein beispiel:

        cbfd8028-f6e4-4d28-b1b1-3130e5adf8c4-grafik.png

        Hat jemand einen passenden Adapter gefunden, um dies reinzubekommen. Hab eine Anleitung dazu gefunden, wie das über HA einrichte aber für Locelace noch nix gefunden.

        Danke schon mal für Tipps

        David G.D ArmilarA 2 Replies Last reply
        0
        • S StephanH

          Hallo zusammen,

          ich würde gerne den Anteil der Fossilen Brennstoffe in meinem Power Flow anzeigen lassen wollen:

          Hier ein beispiel:

          cbfd8028-f6e4-4d28-b1b1-3130e5adf8c4-grafik.png

          Hat jemand einen passenden Adapter gefunden, um dies reinzubekommen. Hab eine Anleitung dazu gefunden, wie das über HA einrichte aber für Locelace noch nix gefunden.

          Danke schon mal für Tipps

          David G.D Online
          David G.D Online
          David G.
          wrote on last edited by David G.
          #714

          @stephanh

          Wäre das was?
          https://github.com/flixlix/power-flow-card-plus

          Oder hast du diese Karte?
          Weiter unten bei dem Link gibt es Beispiel wie du es lösen kannst.

          Ansonsten gibt es quasi das selbe als widget für VIS, könnte man dann als iframe einbinden.

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

          Meine Tabellen für eure Visualisierung klick

          S 1 Reply Last reply
          0
          • David G.D David G.

            @stephanh

            Wäre das was?
            https://github.com/flixlix/power-flow-card-plus

            Oder hast du diese Karte?
            Weiter unten bei dem Link gibt es Beispiel wie du es lösen kannst.

            Ansonsten gibt es quasi das selbe als widget für VIS, könnte man dann als iframe einbinden.

            S Offline
            S Offline
            StephanH
            wrote on last edited by
            #715

            @david-g

            Moin David,

            Power-Flow-Card-Plus hab ich am laufen.
            Mir geht es halt darun das den Bereich Fossil einzu binden.
            Finde aber nur einen Adapter direkt für HA.
            Aber nichts für in Lovelace.

            Die Anleitung von https://github.com/flixlix/power-flow-card-plus bin gefolgt.

            David G.D 1 Reply Last reply
            0
            • S StephanH

              @david-g

              Moin David,

              Power-Flow-Card-Plus hab ich am laufen.
              Mir geht es halt darun das den Bereich Fossil einzu binden.
              Finde aber nur einen Adapter direkt für HA.
              Aber nichts für in Lovelace.

              Die Anleitung von https://github.com/flixlix/power-flow-card-plus bin gefolgt.

              David G.D Online
              David G.D Online
              David G.
              wrote on last edited by David G.
              #716

              @stephanh

              Ist das nicht auch nur ein DP den du als Sensor einbindest?

              Müsstest du dir mit einem kleinen Blockly/JS berechnen.

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

              Meine Tabellen für eure Visualisierung klick

              1 Reply Last reply
              0
              • SwisslizardS Offline
                SwisslizardS Offline
                Swisslizard
                wrote on last edited by
                #717

                Wenn "Dashboard bearbeiten" aktiv ist, dann gibt es beim Menu mit den 3 Punkten einen Eintrag "Dashboards verwalten".
                Wenn ich diesen Anwähle, dann passiert gar nix.

                • Ist das normal oder nur bei mir so?
                • Was sollte die FUnktion eigentlich machen?
                GarfonsoG 1 Reply Last reply
                0
                • SwisslizardS Swisslizard

                  Wenn "Dashboard bearbeiten" aktiv ist, dann gibt es beim Menu mit den 3 Punkten einen Eintrag "Dashboards verwalten".
                  Wenn ich diesen Anwähle, dann passiert gar nix.

                  • Ist das normal oder nur bei mir so?
                  • Was sollte die FUnktion eigentlich machen?
                  GarfonsoG Offline
                  GarfonsoG Offline
                  Garfonso
                  Developer
                  wrote on last edited by
                  #718

                  @swisslizard
                  Das ist vermutlich normal. Aktuell unterstützt der Adapter mehrere Dashboards nicht. Ich wollte immer mal gucken, ob ich das ändern kann. Eigentlich blende ich alles aus, was in die Richtung geht, aber das ist mir beim letzten Frontend update wohl durchgerutscht. 😉

                  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 Reply Last reply
                  0
                  • S Offline
                    S Offline
                    StephanH
                    wrote on last edited by StephanH
                    #719

                    Hallo zusammen,

                    hab da eine kleine Frage:

                    Hab vier Schaltflächen angelegt

                    2bac10cd-f204-45d6-a2f8-637c07a503d6-grafik.png

                    und möchte diese entsprechende Werte in einen Datenpunkt schreiben:

                    89a998d8-1f33-40ce-a4ca-c1e696c81d56-grafik.png

                    Wie bekomme ich das denn hin?

                    Nur die 25,50,75 oder 100 halt.

                    Danke schon mal

                    Edit, hab es nun mal so als Blocky gebaut:

                    ef89f858-4e91-46a2-8d66-a16ff3049250-grafik.png

                    Kann das auch kompakter noch gehen ?

                    1 Reply Last reply
                    0
                    • David G.D Online
                      David G.D Online
                      David G.
                      wrote on last edited by David G.
                      #720

                      @stephanh

                      Einfach 4 mal diesen Button mit entsprechenden Werten anlegen und fertig.
                      Ganz ohne Blockly.

                      show_name: true
                      show_icon: true
                      type: button
                      name: 25%
                      tap_action:
                        action: call-service
                        service: input_number.set_value
                        target:
                          entity_id:
                            - input_number.Bose_1_Volume
                          device_id: []
                          area_id: []
                        data:
                          value: 25
                      
                      

                      So im Editor:

                      Screenshot_20241009_061656_Fully Kiosk Browser.jpg

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

                      Meine Tabellen für eure Visualisierung klick

                      S 1 Reply Last reply
                      2
                      • GarfonsoG Garfonso

                        @swisslizard
                        Das ist vermutlich normal. Aktuell unterstützt der Adapter mehrere Dashboards nicht. Ich wollte immer mal gucken, ob ich das ändern kann. Eigentlich blende ich alles aus, was in die Richtung geht, aber das ist mir beim letzten Frontend update wohl durchgerutscht. 😉

                        SwisslizardS Offline
                        SwisslizardS Offline
                        Swisslizard
                        wrote on last edited by
                        #721

                        @garfonso
                        Ja, mehrere Dashboards wären natürlich ein Hit!

                        1 Reply Last reply
                        0
                        • David G.D David G.

                          @stephanh

                          Einfach 4 mal diesen Button mit entsprechenden Werten anlegen und fertig.
                          Ganz ohne Blockly.

                          show_name: true
                          show_icon: true
                          type: button
                          name: 25%
                          tap_action:
                            action: call-service
                            service: input_number.set_value
                            target:
                              entity_id:
                                - input_number.Bose_1_Volume
                              device_id: []
                              area_id: []
                            data:
                              value: 25
                          
                          

                          So im Editor:

                          Screenshot_20241009_061656_Fully Kiosk Browser.jpg

                          S Offline
                          S Offline
                          StephanH
                          wrote on last edited by
                          #722

                          @david-g

                          danke, werde es mal so anpassen

                          1 Reply Last reply
                          0
                          • David G.D Online
                            David G.D Online
                            David G.
                            wrote on last edited by David G.
                            #723

                            Hab grad nochmal versucht ein Popup zu erstellen.
                            Leider habe ich neulich beim aufräumen vom Dashboard meine Vorlage dafür gelöscht.....

                            Kann mir jemand mal den Code von einem popup senden?

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

                            Meine Tabellen für eure Visualisierung klick

                            GarfonsoG 1 Reply Last reply
                            0
                            • David G.D David G.

                              Hab grad nochmal versucht ein Popup zu erstellen.
                              Leider habe ich neulich beim aufräumen vom Dashboard meine Vorlage dafür gelöscht.....

                              Kann mir jemand mal den Code von einem popup senden?

                              GarfonsoG Offline
                              GarfonsoG Offline
                              Garfonso
                              Developer
                              wrote on last edited by
                              #724

                              @david-g

                              Hilft dir das
                              https://github.com/thomasloven/hass-browser_mod/blob/master/documentation/services.md#browser_modpopup

                              bzw., die Beispiele hier:
                              https://github.com/thomasloven/hass-browser_mod/blob/master/documentation/popups.md
                              (musst du allerdings, soweit ich mich entsinne, in JSON "übersetzen", also überall " drum herum und die Neuzeilen durch {}-Klammern ersetzen, bzw. wenn was ne Liste mit - ist, []-Klammern)

                              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

                              David G.D 1 Reply Last reply
                              0
                              • GarfonsoG Garfonso

                                @david-g

                                Hilft dir das
                                https://github.com/thomasloven/hass-browser_mod/blob/master/documentation/services.md#browser_modpopup

                                bzw., die Beispiele hier:
                                https://github.com/thomasloven/hass-browser_mod/blob/master/documentation/popups.md
                                (musst du allerdings, soweit ich mich entsinne, in JSON "übersetzen", also überall " drum herum und die Neuzeilen durch {}-Klammern ersetzen, bzw. wenn was ne Liste mit - ist, []-Klammern)

                                David G.D Online
                                David G.D Online
                                David G.
                                wrote on last edited by
                                #725

                                @garfonso

                                Habe grad hier im Thread von @XBiT das gefunden:

                                show_name: true
                                show_icon: true
                                type: button
                                entity: alarm_control_panel.defaultAlarm
                                icon: mdi:lightbulb
                                tap_action:
                                  action: fire-dom-event
                                  browser_mod:
                                    service: browser_mod.popup
                                    data:
                                      title: Tescht
                                      content:
                                        type: markdown
                                        content: >
                                          # <center>Haustür</center>
                                
                                          <a href="/lovelace/kamera-haustuer"><img
                                          src='{synology.0.SurveillanceStation.cameras.Haustür.linkMjpegHttpPath}'
                                          />
                                name: Email abholbereit
                                

                                Klappt auch.

                                Bei meiner Abwandlung bleit das Popup aber leer:

                                show_name: true
                                show_icon: true
                                type: button
                                entity: alarm_control_panel.defaultAlarm
                                icon: mdi:lightbulb
                                tap_action:
                                  action: fire-dom-event
                                  browser_mod:
                                    service: browser_mod.popup
                                    data:
                                      type: button
                                      show_name: true
                                      show_icon: true
                                      tap_action:
                                        action: toggle
                                      entity: alarm_control_panel.defaultAlarm
                                name: Email abholbereit
                                
                                

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

                                Meine Tabellen für eure Visualisierung klick

                                XBiTX GarfonsoG 2 Replies Last reply
                                1
                                • David G.D David G.

                                  @garfonso

                                  Habe grad hier im Thread von @XBiT das gefunden:

                                  show_name: true
                                  show_icon: true
                                  type: button
                                  entity: alarm_control_panel.defaultAlarm
                                  icon: mdi:lightbulb
                                  tap_action:
                                    action: fire-dom-event
                                    browser_mod:
                                      service: browser_mod.popup
                                      data:
                                        title: Tescht
                                        content:
                                          type: markdown
                                          content: >
                                            # <center>Haustür</center>
                                  
                                            <a href="/lovelace/kamera-haustuer"><img
                                            src='{synology.0.SurveillanceStation.cameras.Haustür.linkMjpegHttpPath}'
                                            />
                                  name: Email abholbereit
                                  

                                  Klappt auch.

                                  Bei meiner Abwandlung bleit das Popup aber leer:

                                  show_name: true
                                  show_icon: true
                                  type: button
                                  entity: alarm_control_panel.defaultAlarm
                                  icon: mdi:lightbulb
                                  tap_action:
                                    action: fire-dom-event
                                    browser_mod:
                                      service: browser_mod.popup
                                      data:
                                        type: button
                                        show_name: true
                                        show_icon: true
                                        tap_action:
                                          action: toggle
                                        entity: alarm_control_panel.defaultAlarm
                                  name: Email abholbereit
                                  
                                  
                                  XBiTX Offline
                                  XBiTX Offline
                                  XBiT
                                  wrote on last edited by
                                  #726

                                  @david-g

                                  kann es sein, dass du es einfach so machen kannst?

                                  show_name: true
                                  show_icon: true
                                  type: button
                                  entity: alarm_control_panel.defaultAlarm
                                  icon: mdi:lightbulb
                                  name: Email abholbereit
                                  
                                  1 Reply Last reply
                                  0
                                  • David G.D David G.

                                    @garfonso

                                    Habe grad hier im Thread von @XBiT das gefunden:

                                    show_name: true
                                    show_icon: true
                                    type: button
                                    entity: alarm_control_panel.defaultAlarm
                                    icon: mdi:lightbulb
                                    tap_action:
                                      action: fire-dom-event
                                      browser_mod:
                                        service: browser_mod.popup
                                        data:
                                          title: Tescht
                                          content:
                                            type: markdown
                                            content: >
                                              # <center>Haustür</center>
                                    
                                              <a href="/lovelace/kamera-haustuer"><img
                                              src='{synology.0.SurveillanceStation.cameras.Haustür.linkMjpegHttpPath}'
                                              />
                                    name: Email abholbereit
                                    

                                    Klappt auch.

                                    Bei meiner Abwandlung bleit das Popup aber leer:

                                    show_name: true
                                    show_icon: true
                                    type: button
                                    entity: alarm_control_panel.defaultAlarm
                                    icon: mdi:lightbulb
                                    tap_action:
                                      action: fire-dom-event
                                      browser_mod:
                                        service: browser_mod.popup
                                        data:
                                          type: button
                                          show_name: true
                                          show_icon: true
                                          tap_action:
                                            action: toggle
                                          entity: alarm_control_panel.defaultAlarm
                                    name: Email abholbereit
                                    
                                    
                                    GarfonsoG Offline
                                    GarfonsoG Offline
                                    Garfonso
                                    Developer
                                    wrote on last edited by
                                    #727

                                    @david-g

                                    Ja, vergleich mal genau was nach dem ersten "data:" kommt. Da hat @XBiT zuerst "titel: Tescht" und dann "content: " und dann die Karte.

                                    Du fängst aber direkt mit der Karte an. Da muss mindestens noch ein "content:" davor und das ganze eine Ebene tiefer.

                                    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

                                    David G.D 1 Reply Last reply
                                    0
                                    • GarfonsoG Garfonso

                                      @david-g

                                      Ja, vergleich mal genau was nach dem ersten "data:" kommt. Da hat @XBiT zuerst "titel: Tescht" und dann "content: " und dann die Karte.

                                      Du fängst aber direkt mit der Karte an. Da muss mindestens noch ein "content:" davor und das ganze eine Ebene tiefer.

                                      David G.D Online
                                      David G.D Online
                                      David G.
                                      wrote on last edited by
                                      #728

                                      @garfonso @XBiT

                                      Das war mir vorhin auch schon aufgefallen.
                                      Bleibt aber noch immer leer das popup.

                                      show_name: true
                                      show_icon: true
                                      type: button
                                      entity: alarm_control_panel.defaultAlarm
                                      icon: mdi:lightbulb
                                      tap_action:
                                        action: fire-dom-event
                                        browser_mod:
                                          service: browser_mod.popup
                                          data:
                                            title: Tescht
                                            content:
                                              show_name: true
                                              show_icon: true
                                              type: button
                                              tap_action:
                                              action: toggle
                                              entity: alarm_control_panel.defaultAlarm
                                      name: Email abholbereit
                                      

                                      Wenn ich den Button für das Popup falsch konfigurie, bekomme ich auch schön die rote Fehlermeldung im popup.

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

                                      Meine Tabellen für eure Visualisierung klick

                                      XBiTX 1 Reply Last reply
                                      0
                                      • David G.D David G.

                                        @garfonso @XBiT

                                        Das war mir vorhin auch schon aufgefallen.
                                        Bleibt aber noch immer leer das popup.

                                        show_name: true
                                        show_icon: true
                                        type: button
                                        entity: alarm_control_panel.defaultAlarm
                                        icon: mdi:lightbulb
                                        tap_action:
                                          action: fire-dom-event
                                          browser_mod:
                                            service: browser_mod.popup
                                            data:
                                              title: Tescht
                                              content:
                                                show_name: true
                                                show_icon: true
                                                type: button
                                                tap_action:
                                                action: toggle
                                                entity: alarm_control_panel.defaultAlarm
                                        name: Email abholbereit
                                        

                                        Wenn ich den Button für das Popup falsch konfigurie, bekomme ich auch schön die rote Fehlermeldung im popup.

                                        XBiTX Offline
                                        XBiTX Offline
                                        XBiT
                                        wrote on last edited by
                                        #729

                                        @david-g

                                        ist der "mini Code" von mir oben nicht das was du willst?

                                        button.gif

                                        David G.D 1 Reply Last reply
                                        0
                                        • XBiTX XBiT

                                          @david-g

                                          ist der "mini Code" von mir oben nicht das was du willst?

                                          button.gif

                                          David G.D Online
                                          David G.D Online
                                          David G.
                                          wrote on last edited by David G.
                                          #730

                                          @xbit

                                          Tatsache.
                                          Hab gedacht das wäre eine Ergänzung für den Service call......

                                          Für das was ich vor habe reicht es in der Tat.
                                          Aber ich stehe grad am Schlauch...
                                          Wo ist definiert, dass er ein Popup macht?
                                          Wenn ich den DP anpassen geht es nicht mehr.
                                          Aber der Ansatz mit more_info klappt. Manchmal denkst man viel zu kompliziert...

                                          Dass ich in meinem Beispiel die selbe entity schalte wie im button war aber Zufall 😅
                                          Wo ich einmal dran bin, würde ich gerne auch eine eigene Karte (außer Markdown) ins Popup bekommen.

                                          P. S.
                                          Mich würde ja brennend interessieren, was sich hinter dem Steak 🥩 (falls es eins ist ^^) in deiner Navigation verbirgt 🤣

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

                                          Meine Tabellen für eure Visualisierung klick

                                          XBiTX 1 Reply Last reply
                                          1
                                          Reply
                                          • Reply as topic
                                          Log in to reply
                                          • Oldest to Newest
                                          • Newest to Oldest
                                          • Most Votes


                                          Support us

                                          ioBroker
                                          Community Adapters
                                          Donate

                                          511

                                          Online

                                          32.4k

                                          Users

                                          81.3k

                                          Topics

                                          1.3m

                                          Posts
                                          Community
                                          Impressum | Datenschutz-Bestimmungen | Nutzungsbedingungen
                                          ioBroker Community 2014-2025
                                          logo
                                          • Login

                                          • Don't have an account? Register

                                          • Login or register to search.
                                          • First post
                                            Last post
                                          0
                                          • Recent
                                          • Tags
                                          • Unread 0
                                          • Categories
                                          • Unreplied
                                          • Popular
                                          • GitHub
                                          • Docu
                                          • Hilfe