Lovelace and automatic generation?

Configuration Frontend
1

Hi

Just starting to discover Lovelace (was using basic web interface till now) and is confused about how it works in Hassio. My config is Hass.io based and there is in it a plugin that automatically converts the basic Web interface to Lovelace.
So how to customise the lovelace interface without that plugin overwriting my config each time system reboots or there is an update in system that triggers the plugin ?
Or should I run it just one time and then delete the plugin to be sure there is no accidental overwrite ?

I tried too to add some cards in that ui-lovelace.yaml but they don’t show up in lovelace on front end (rebooted even hass.io system to be sure !).

Thanks for help

Vincèn

2

Just disable the plugin. Which version of Home Assistant are you on?

3

Oki so I have disabled and removed it ! HA 0.84.3 but my cards are still not showing up in front-end ! I rebooted the system to be sure but still the same and no error in logs of HA ! Everything listed in file appears well in front-end out of the two type: glance cards I added at end of file !

Just in case here is my code:

title: Home
views:

  • title: Home
    cards:
    • type: entities
      title: all switches
      show_header_toggle: true
      entities:
      • switch.chaudiere
      • switch.chauffage
      • switch.sdb_lumiere
      • switch.salon_suspension
    • type: media-control
      entity: media_player.ampli_salon
    • type: media-control
      entity: media_player.ampli_salon_zone_2
    • type: media-control
      entity: media_player.sdb
    • type: media-control
      entity: media_player.cuisine
    • type: media-control
      entity: media_player._ue55es8000
    • type: glance
      title: LFMRB
      entities:
      • entity: sensor.lfmrb_jour
        icon: ‘mdi:calendar-today’
        name: Today
      • entity: sensor.lfmrb_semaine
        name: Week
        icon: ‘mdi:calendar-week’
      • entity: sensor.lfmrb_mois
        name: Month
        icon: 'mdi:calendar-week-begin
    • type: glance
      title: Domedia
      entities:
      • entity: sensor.domedia_jour
        icon: ‘mdi:calendar-today’
        name: Today
      • entity: sensor.domedia_semaine
        name: Week
        icon: ‘mdi:calendar-week’
      • entity: sensor.domedia_mois
        name: Month
        icon: 'mdi:calendar-week-begin
4

3

Click this and then refresh your browser. You have to do this on every device because lovelace isnt the default interface in HA. Yet… :wink:

5

This is quite hard to guess. Please explain “not showing up in frontend”. What URL have you been using to access the lovelace GUI?

Looking at your ui-lovelace.yaml snippet I noticed that the home view has no lovelace id. Try to add one.

views: 
  - id: 0 
    icon: mdi:home 
    name: Home 
    cards:

…

You should be able to access the “home” view by the URL “your-ha-server”:8123/lovelace/0 then.

6

Thanks but already done since a while :wink:

I have setup my HA to use by default Lovelace and in fact my default URL gas changed since to include /lovelace/0 at the end :wink:
Thanks for your suggestions that made me do some searches about Lovelace syntax and everything and in fact discovered that HA was not using my ui-lovelace.yaml file (I had to add lovelace: mode: yaml in main config file) so now my cards appear well in HA for stats of my website :smiley:

HA
HA1757×699 41.2 KB

I’m just wanting to know now what is the best for lovelace management:
→ do everything in yaml file
→ delete it and remove the yaml mode parameter in config and do everything using the UI of HA ? and if so how to backup it correctly (will it create an extra file in the config directory of HA ?)

Thanks

Vincèn

7

I’m new to HA and lovelace, two weeks into the journey :wink:.

The various lovelace modes were introduced just recently (0.84?). Before that no entry was required in configuration.yaml.

Personally I prefer to have full control over the appearance of lovelace as described in ui-lovelace.yaml. That file sits in the /config directory and is all that needs to be backed up (besides any custom icons, cards, images in the www folder). I have not tried the other lovelace configuration modes though.