I am trying to understand where is the best place to learn about relative folder structures when working with Home assistant. I use Visual Studio Code to edit all YAML, including the front end.
I have a few dashboards so I decided to create a folder for each.
I am able to load them now, and it works.
I created a folder for my images used in each front end. I cannot seem to figure out how to get the images referenced in my front end.
This is the structure I have:
All my dashboards will be in my dashboards folder.
I have the following code to setup, it works.
lovelace:
mode: yaml
resources: !include ../dashboards/resources.yaml
dashboards:
lovelace-main: # Needs to contain a hyphen (-)
mode: yaml
filename: dashboards/manticore/ui-lovelace.yaml
title: Manticore
icon: mdi:tools
show_in_sidebar: true
require_admin: true
Right now, I have one dashboard that I am working with. All yaml files are under the folder manticore.
All resources used are in the file resources.yaml, under the same dashboard directory.
I want to put all objects under the ui-lovelace-objects folder.
My question is how do I reference from a file under manticore folder, to a file under ui-lovelace-folder.
I tried a bunch of things and the pictures will not load.
On a more general note, how does the folder reference work in Home assistant when files are not under www or the main folder?