How to move from lovelace.yaml to the new standard?

Share your Projects! Dashboards & Frontend
1

Ok when I went from .83 to .84 something went wrong and I never got the option to do what it says in the .84 blog post
Option one is to use the new storage mode and import your existing file. You can do this by opening the Lovelace UI and click on Configure UI, this will prompt you to change to storage mode.

So I put

lovelace:
  mode: yaml

And I am still on .84.2.
I want to upgrade, but don’t want to lose my lovelace config.
How to manually move from yaml to the new default?

Thanks.

2

If you upgrade you won’t lose the yaml mode. You can remove that section from your config and it will start using the new method as soon as you edit with the UI

3

But how to take an existing ui-lovelace.yaml and convert to storage mode? When I remove mode: yaml from configuration.yaml to go into storage mode, I see the lovelace interface from weeks ago when I briefly test drove storage mode. I now have an extensive ui-lovelace.yaml that I’d like to convert to storage mode.

4

open the yaml file and copy the whole contents to the clipboard; open the GUI editor and click on the 3 dots a second time, select all and PASTE yaml contents there. save and exit the editor and you’re done.

4 Likes
5

Thank you. That makes sense. I really hate asking for answers to questions that I can get from the documentation. However, so help me, I cannot find any documentation anywhere that details that. Is it documented somewhere, and I just suck at searching for it lol?

1 Like
6

I think the lovelace docs have it as well as the 0.85(?) release notes…

1 Like
7

I don’t think the instructions as you just outlined are included in the documentation. I just looked again and didn’t see anything about it. The only place I’ve seen any of this is in the forums.

Unless I suck at searching for it too. :wink:

1 Like
8

Ok thanks for the help on this one. You helped me move in the right direction.

So if anyone has this issue here is what I did:
I commented out my lovelace: mode: yaml in my configuration.yaml file, copied the contents of my ui-lovelace.yaml. Restarted HA, clicked on the 3 dots then hit configure and said take control. After that I went back to 3 dots and went to raw config editor and pasted my ui-lovelace.yaml contents, hit save and exited editor.
All done!!

Thanks again for the help.

9

Hi,

I did not want to try the raw editor immediately so I set my configurator.yaml to include:

lovelace:
  mode: yaml

Now I am ready to try the raw editor so I deleted the lines above and restarted hoping that I would be able to change to the raw editor. But it continues to tell me that:

The edit UI is not available when in YAML mode.

I have copied the contents of ui-lovelace.yaml to the clipboard.

I have pressed the three dots several time always with the same result.

I have restarted HA more than once

What do I need to do?

10

You sure you edited the right file?

configuration.yaml

11

Yes - I see I wrote configurator.yaml by mistake.

12

Hi,

Resolved by clearing all site data