DelroyTaylor
commented
4 years ago I agree the documentation is poor. I too struggled for weeks to get this to work. Which meant you must learn a lot about Lovelace + HA before you can get anything to work. This is the missing part of the documentation for me.
As suggested you must install all the recommended Lovelace custom integrations/cards. Using HACS to install Lovelace custom integrations/cards is much easier. When you install with HACS you must look for and copy the install location to your ui-lovelace.yaml file. After you install the integration/card you should test it to see if it is installed and working properly.
I created a folder config/packages/garden then copied the files in the package folder to the garden folder. Add following line(s) to configuration.yaml. (Change bullets to dash).
` homeassistant:
packages: !include_dir_merge_named packages/
weather:
- platform: environment_canada
frontend: themes: !include_dir_merge_named themes/
recorder: include: entities:
- switch.irrigation_zone1
- switch.irrigation_zone2
- switch.irrigation_zone3
- switch.irrigation_zone4
system_health:
updater:
discovery:
config:
conversation:
history:
logbook:
sun:
default_config:
mobile_app:
cloud:
automation: !include automations.yaml
group: !include groups.yaml
script: !include scripts.yaml
scene: !include scenes.yaml
browser_mod:
prefix: 'browsermod'
logger: default: debug logs: custom_components.hacs: debug hacs: debug queueman: debug AIOGitHubAPI: debug
lovelace_gen:
lovelace: mode: yaml`
Copy the files and folders in the lovelace folder to the config/lovelace folder. Add the following to the ui-lovelace.yaml (Change bullets to dash).
`resources:
- url: /hacsfiles/weather-card/weather-card.js type: module
- url: /hacsfiles/lovelace-time-picker-card/time-picker-card.js type: module
- url: /hacsfiles/lovelace-layout-card/layout-card.js type: module
- url: /hacsfiles/lovelace-hui-element/hui-element.js type: module
- url: /hacsfiles/button-card/button-card.js type: module
- url: /hacsfiles/lovelace-state-switch/state-switch.js type: module
- url: /hacsfiles/mini-graph-card/mini-graph-card-bundle.js type: module
- url: /hacsfiles/lovelace-card-mod/card-mod.js type: module
- url: /hacsfiles/config-template-card/config-template-card.js type: module
- url: /hacsfiles/lovelace-darksky-card/lovelace-darksky-card.js type: module
- url: /hacsfiles/lovelace-slider-entity-row/slider-entity-row.js type: module
=== FONTS
- url: https://fonts.googleapis.com/css?family=Oswald type: css
- url: https://fonts.googleapis.com/css?family=Dosis type: css
=== VIEWS
title: My House views: !include_dir_list lovelace/`
genestealer
I have been trying to get this to work for a few weeks, I believe I have correctly followed all the prerequisites and steps on the forum.
What would really help would be:
For example: See my public config
Is this something you would be willing to share (even just privately), as comparing my setup to yours would almost instantly show where I have missed something or made an error?