Switching from Storage mode to Yaml

Configuration Frontend
1

I realize there are similar posts to mine but I cannot figure out what I’ve done wrong. I need to switch from UI to yaml because my files are getting too long and too much to read in the little window it gives you.

for starters, I copied the “raw” config from each of my dashbaords.

I was following this Multiple Dashbaords

the main overview just comes up blank

Configuration.yaml


# Loads default set of integrations. Do not remove.
default_config:

# Load frontend themes from the themes folder
frontend:
  themes: !include_dir_merge_named themes

ui-lovelace.yaml
  mode: yaml
  resources: 
    - url: /hacsfiles/ha-floorplan/floorplan.js?hacstag=1883234941037
      type: module
    - url: /local/floorplan/multi_floor/thermostat.css
      type: css

automation: !include automations.yaml
script: !include scripts.yaml
scene: !include scenes.yaml
sensor: !include sensors.yaml

ui-lovelace

title: OBX-Home
views: !include overview.yaml

overview.yaml

title: Home
views:
  - path: default_view
    title: Home
    cards:
      - type: entities
        entities:
          - entity: binary_sensor.front_door
          - entity: sensor.front_door_battery
        title: foyer
      - type: entities
        entities:
          - person.obxhouse
      - type: grid
        square: false
        columns: 1
        cards:
          - type: media-control
            entity: media_player.game_room_tv
          - type: media-control
            entity: media_player.kitchen_display
      - type: entities
        entities:
          - sensor.local_ip
        title: Sensor
      - type: entities
        entities:
          - switch.bed3_fan
          - switch.bed3_main_light
        title: Switch
      - type: weather-forecast
        entity: weather.forecast_home
        show_forecast: true
        forecast_type: daily
      - type: custom:weather-card
        entity: weather.forecast_home
        icons: /local/weather_icons/animated/
      - type: thermostat
        entity: climate.thermostat
      - type: entities
        entities:
          - entity: sensor.thermostat_temperature
            name: Temperature
        title: THERMOSTAT
      - type: thermostat
        entity: climate.thermostat_2
      - type: thermostat
        entity: climate.thermostat_3
      - type: entities
        entities:
          - sensor.bed3_win_1_battery
          - sensor.bed3_win2_battery
        title: Bedroom 3
2

change that to

default_config:

# Load frontend themes from the themes folder
frontend:
  themes: !include_dir_merge_named themes

lovelace:
  mode: yaml
  resources: 
    - url: /hacsfiles/ha-floorplan/floorplan.js?hacstag=1883234941037
      type: module
    - url: /local/floorplan/multi_floor/thermostat.css
      type: css

etc.
3

I must have accidently typed over part of my yaml when I posted it. The config “lovelace:” was typed correctly

the overview comes up blank, The correct title is there but that’s it. I don’t see any errors.

When I add “dashboards:” The “YAML- floorplan” it shows in the side bar with the correct name BUT, the contents is of the overview??? how does that make sense?

I restart HA, i change the title so when it reloads I know it actually did

This is my configuration.yaml


# Loads default set of integrations. Do not remove.
default_config:

# Load frontend themes from the themes folder
frontend:
  themes: !include_dir_merge_named themes

lovelace:
  mode: yaml
  resources: 
    - url: /hacsfiles/ha-floorplan/floorplan.js?hacstag=1883234941037
      type: module
    - url: /local/floorplan/multi_floor/thermostat.css
      type: css
  dashboards:
    home-panel:
      mode: yaml
      title: YAML-Floorplan
      show_in_sidebar: true
      filename: floorplan.yaml

automation: !include automations.yaml
script: !include scripts.yaml
scene: !include scenes.yaml
sensor: !include sensors.yaml

ui-lovelace.yaml

title: OBX-Home-2
views: 
  - !include dashboards/demo.yaml

demo.yaml

- title: Example
  cards:
      # The markdown card will render markdown text.
    - type: markdown
      title: Dashboard
      content: >
        Welcome to your **dashboard**.
4

I have read posts until my eyes hurt and cannot figure this out!
The dashboard name shows correctly in the side bar but the title at the top is always my username and the contents of the dashboard is always all of my elements. It’s like it is ignoring the yaml file completely.

there is nothing in the logs so I’m at a loss as to what I’m doing wrong.


# Loads default set of integrations. Do not remove.
default_config:

# Load frontend themes from the themes folder
frontend:
  themes: !include_dir_merge_named themes

lovelace:
  mode: yaml
  resources: 
    - url: /hacsfiles/ha-floorplan/floorplan.js?hacstag=1883234941037
      type: module
    - url: /local/floorplan/multi_floor/thermostat.css
      type: css
    - url: /hacsfiles/weather-card/weather-card.js?hacstag=192732636150
      type: module
  dashboards:
    dashboard-floorplan: # Needs to contain a hyphen (-)
      mode: yaml
      filename: /dashboards/floorplan.yaml
      title: Floorplan
      icon: mdi:tools
      show_in_sidebar: true
      require_admin: false

automation: !include automations.yaml
script: !include scripts.yaml
scene: !include scenes.yaml
sensor: !include sensors.yaml
5

ugh! in a last ditch effort i edited the file location and that fixed it…so frustrating there were now logs to tell me this!
I had to include the “/config/” to get it to work

 filename: /config/dashboards/floorplan.yaml
1 Like