Test lovelace 4.x

[David G.]

@Garfonso

Bekomme das mit den Popups nicht behoben.

In der Version aus dem Stable:

Die aktuelle git:

Gibt's evtl eine neuere Version vom Browser-Mod die eingebaut werden kann?

[marian.t]

@david-g

Hallo,

vielen Dank - auch @Garfonso - für die Interesse an Scheduler. Inzwischen habe ich die dropdown-cards am laufen, auch die Wochentage sind mit custom:button-entity-row kein Hexenwerk mehr:

Letztes offenes Problem ist die card mit text_input entity für die Sendewerte. Die custom:text-input-row verweigert den Input (den Text löschen geht), die entities card will sich per car-mod nicht richtig gestalten - kriege den margin/padding links nicht weg (auch mit Tipps hier ) :

Leider sind ich die cards nicht zum gebrauchen am Smartphone (zu breit). Vllt. nehme ich irgendwann doch die 2. Alternative ohne Visualisierung in lovelace (oder knackt jemand den VIS2).
Und auf die Frage ob es sinnvoll ist ist meine Antwort JA: ich habe ca. 27 Scheduler im Einsatz.

[David G.]

@marian-t

Ich habe bei meinen Dropdown ja fast alles um die Karte entfernt.
Kannst da bestimmt was rausnehmen:

Spoiler

type: picture-elements
elements:
 - type: state-icon
   tap_action:
     action: toggle
   icon: mdi:garage
   entity: switch.Toggle_Ansage_Telefon
   style:
     top: 69.5%
     left: 10%
     '--mdc-icon-size': 35px
 - type: custom:hui-element
   card_type: entities
   card_mod:
     style: |
       ha-card { box-shadow: none !important }
   entities:
     - entity: input_select.aber
       card_mod:
         style:
           hui-generic-entity-row $: |
             state-badge {
               display: none;
             }
           ha-select $: |
             .mdc-select__anchor {
               height: 40px !important;
             }
             .mdc-select__selected-text-container {
               align-self: center;
             }
             span#label {
               display: none;
             }
           .: |
             ha-select {
               height: 40px;
               width: 75px;
             }
   style:
     top: 70%
     left: 40%
     width: 200px
 - type: custom:hui-element
   card_type: entities
   card_mod:
     style: |
       ha-card { box-shadow: none !important }
   entities:
     - entity: input_select.aber
       card_mod:
         style:
           hui-generic-entity-row $: |
             state-badge {
               display: none;
             }
           ha-select $: |
             .mdc-select__anchor {
               height: 40px !important;
             }
             .mdc-select__selected-text-container {
               align-self: center;
             }
             span#label {
               display: none;
             }
           .: |
             ha-select {
               height: 40px;
               width: 75px;
             }
   style:
     top: 70%
     left: 60%
     width: 200px
 - type: state-icon
   tap_action:
     action: toggle
   icon: mdi:numeric-1
   entity: switch.Toggle_Ansage_Telefon
   style:
     top: 70%
     left: 60%
 - type: state-icon
   tap_action:
     action: toggle
   icon: mdi:numeric-2
   entity: switch.Toggle_Ansage_Telefon
   style:
     top: 70%
     left: 65%
 - type: state-icon
   tap_action:
     action: toggle
   icon: mdi:numeric-3
   entity: switch.Toggle_Ansage_Telefon
   style:
     top: 70%
     left: 70%
 - type: state-icon
   tap_action:
     action: toggle
   icon: mdi:numeric-4
   entity: switch.Toggle_Ansage_Telefon
   style:
     top: 70%
     left: 75%
 - type: state-icon
   tap_action:
     action: toggle
   icon: mdi:numeric-5
   entity: switch.Toggle_Ansage_Telefon
   style:
     top: 70%
     left: 80%
 - type: state-icon
   tap_action:
     action: toggle
   icon: mdi:numeric-6
   entity: switch.Toggle_Ansage_Telefon
   style:
     top: 70%
     left: 85%
 - type: state-icon
   tap_action:
     action: toggle
   icon: mdi:numeric-7
   entity: switch.Toggle_Ansage_Telefon
   style:
     top: 70%
     left: 90%
image: /cards/roborock.png

P. S.
Meine Variante klappt mobil wunderbar (hab irgend ein Bild in den Hintergrund getan, was ich grad hatte.

Mit der picture-elements bist du eben wesentlich flexibler was die Position und Größe angeht.

[Garfonso]

@david-g

prüfe ich mal.

[conslinger]

@xbit Ich hatte auch Probleme, mit der Version klappts, danke!

[winnypuh]

@xbit super danke dir, liegt wohl wirklich an der neuen Version. Mit deiner klappt es hier auch wieder :).

[dontobi]

Hallo zusammen

Ich bin gerade dabei meine Lovelace Config zu überarbeiten. Dabei möchte ich zukünftig auf ein Menü auf der Startseite/Hauptseite setzen (habe zu viele Unterseiten und muss auf dem Handy scrollen).

Dazu kann ich standardmäßig die Button Card mit Navigation benutzen. Das klappt auch, jedoch würde ich lieber die Custom Button Card nutzen. Diese bietet mehr Möglichkeiten. Leider klappt dort die Navigation Funktion nicht (oder nur bei mir nicht). Könnte dies jemand überprüfen und @Garfonso kann man das ggf. fixen?

Anbei der Link zur Custom Button Card
[https://github.com/custom-cards/button-card](Custom Button Card)

Gruß aus dem Rheinland
Tobi

[Garfonso]

@dontobi

Aus dem Changelog von 4.0.0:
hacs: Minimum required HA Version is now 2023.7

Daher zwei Optionen: entweder ein Release der Button Card vor 4.0.0 nehmen oder (und vielleicht vor größeren Umbauarbeiten besser flöt) lovelace aus Github installieren und mit neuestem Frontend (ist eine 2023.7 Version) testen. Da sollte die aktuelle Karte dann gehen. Ich weiß noch nicht genau, wie ich Zeit finde, aber das soll demnächst ins latest und die gröbsten Sachen scheinen jetzt auch raus zu sein.

[David G.]

@garfonso

Hast du auch mal nach dem Browser_mod geschaut?

[dontobi]

@garfonso Ich habe bereits die GitHub Version am laufen und da funktioniert es genau wenig wie bei der 3.0.1.

[Garfonso]

@dontobi said in Test lovelace 3.x:

@garfonso Ich habe bereits die GitHub Version am laufen und da funktioniert es genau wenig wie bei der 3.0.1.

Ahrg.... das ist ja gar nicht überraschend, weil wir erst bei 2023.6 sind...

Ich mach mal ein neues Frontend.

[Garfonso]

@david-g und @dontobi und wer sonst noch mag:

Auf github hab ich das frontend ( 202308021) und browser mod (2.3.0) aktualisiert. Wer testen möchte.

[David G.]

@garfonso

Danke. Am ersten Blick scheint alles wie vorher klappen.

Die Popups Mücken aber immernoch.
Da wurde aber definitiv auch was geändert.
"Früher" waren es richtige Popups, jetzt werden die Bildschirmfüllend dargestellt.

[M1R0O]

Sorry, Fehlpost

[dontobi]

@garfonso Ich habe die neue Version nun im Einsatz und die Button Card funktioniert nun bei mir. Danke für das Update!

[astuermer]

Ich greife remote über die ioBroker Visu iOS App auf meine Lovelace Instanz zu und bekomme im Log dann immer mehrmals diese Fehlermeldung...

Cannot request web pages "http://10.1.0.10:8082/browser_mod.js": File not found: {}

Auch wenn ich in der ioBroker Visu App den Screen runterziehe zum aktualisieren kommt die Meldung User/Kennwort falsch. Ist aber in den Settings korrekt und wird beim direkten Start der App auch alles korrekt angezeigt.

Benutze ich hingegen die "normale" iOS App (ohne Visu) komme ich zu einer "ioBroker Local" Abfrage die meinen lokalen User aber nicht akzeptiert.

PS: Daheim im WLAN klappt bei beiden alles.

Ne Idee wie ich das beheben kann?
Danke

[Garfonso]

@astuermer said in Test lovelace 3.x:

"normale" iOS App

Was ist die "normale" iOS App?

@astuermer said in Test lovelace 3.x:

Cannot request web pages "http://10.1.0.10:8082/browser_mod.js": File not found: {}

Das mit dem browser_mod.js könnte ein Problem mit der Weiterleitung sein... aber eigentlich brauchst du die nicht unbedingt, vermutlich geht das remote eh alles nicht. Geht denn was nicht, außer, dass da der Fehler kommt?

ich muss zugeben, dass ich aktuell auf dem Handy immer die Visu App nehme und von außen mit Wireguard ins Heimnetz einwähle und daher den Cloud-Support nur noch selten teste...

[zeverox]

@astuermer ich kanst du von der iobroker visu app von zuhause aus steuern? bei mir komt immer die fehlermeldung

[astuermer]

@garfonso Die "normale" App ist die "ioBroker" App denk ich mal. Die "ioBroker Visu" ist die "neue" App. So hab ich das verstanden.

Prinzipiell geht der Zugriff auf Lovelace mit der Visu App - mit Ausnahme der Reload Fehler, diverser Ladefehler weil ioBroker.pro nicht erreichbar ist usw. Es kommt halt jedesmal im Log meines ioBrokers die browser_mod.js Error Meldung. Bei jedem Zugriff, das summiert sich dann über einen Tag schon mal...

Und da es in der alten/normalen ioBroker App ohne Fehlermeldung geht, denke ich es ist ein Bug.

[astuermer]

@zeverox Ja funktionierte bei mir gestern. Bin leider gerade unterwegs, kanns am Abend mal testen.
Bin aktuell nur auf der "alten" ioBroker app unterwegs, da die problemloser funktioniert und keine Error im Log auswirft.