How to add to sidebar

[oywino]

I have apparently managed to install ;

1. Integrations
   
   and
2. Frontend
   

But how do I add an icon to the sidebar to launch the editor?
The docs says:

But "create a new tab" is not a valid option under Configuration > Dashboards > + Add dashboard Instead, it requires a URL.
What URL should be added here?
type: custom:config-editor-card is not a valid URL syntax.

Please help.
(All my systems are updated to the latest version, including HA, HACS and the config-editor itself.)

[htmltiger]

Edit:
Url needs to be lovelace-editor

[oywino]

Even if I change the URL to lovelace-editor it still doesn't work.

[htmltiger]

Do you know how to create a new tab ?
3 dots edit take over blank

[oywino]

I'm sorry - I do not understand what you mean: "3 dots edit take over blank" ?

[htmltiger]

View type: panel mode (1 card)
+ Add card
Custom: config-editor-card

[oywino]

Yes. That worked. Thank you very much.
(But you should update the README.md - I would never have figured this one out on my own) 😉

One question out of curiosity; Why is it necessary to add the line config_editor: to configuration.yaml ?
Is this something you've decided on, or is it a requirement by design from the HA dev team and thus something you could not skip?

[oywino]

I wrote a "guide" mainly to improve my own understanding. If you don't mind, I'd like to publish it on Reddit ?
How to add Config Editor to HA.pdf

[htmltiger]

Sure it would help others

[warwert123]

Hello, I wnat to install "Config Editor" and "Config-Editor-Card" manually without "HACS" .
Now, I can install "Config Editor" through your step 1, and I can see it on the dashboard, it seems to work.
But when I install "Config-Editor-Card" through your step 2, I couldn't find it in the selection of "+Add card",
and I couldn't search it manully either. I don't complete the step 2 {add url /local/config-editor-card.js?v=1 from Configuration -> Lovelace Dashboards -> Resources panel when not using YAML mode } , I don't understand what it means.
Can you help me to solve it ? Please and thank you...

[htmltiger]

https://community.home-assistant.io/t/adding-resources-to-lovelace/180729/9

[warwert123]

Thank you so much, your guide was helpful.
Now, it can work!
I also check "Lovelace: Custom Cards" and "Registering Resources" of
official documents, maybe it can help somebody.
Thanks, again!

https://developers.home-assistant.io/docs/frontend/custom-ui/registering-resources

[Yonny24]

I've reached the step of adding the Custom: config-editor-card but the card is not listed. I've added the config_editor: to the config yaml, restarted etc but do not have the option of this card available on the new dashboard I created.

[htmltiger]

Have you completed step 1?
Seems like you have started from step 2

[Yonny24]

Thanks did not realize I needed to add the frontend in addition to the integration. Thought it was one or the other.
Card is selectable now thanks

[Macleykun]

Hello!
I tried to do the steps (both readme and pdf) But somehow i can't seem to get the panel to show up. I'll list what i have done:

Both seem to be installed trough HACS.

I also restarted a few times, and included and removed config_editor: in my configuration.yml (i know this file also works, as i added a few services and they also work).

The dashboard is also edit to panel 1 card.

I don't see the card anywhere and i'm sure i followed all the steps.

You have any suggetions what i could try to get it to work? Appricate ya work so far :)

[htmltiger]

check if the addon is installed, seems like missing config_editor:

it could be that the card is not loaded, clear cache or try in different browser.
also check if /config/www/community/config-editor-card/config-editor-card.js exists

[Macleykun]

Indeed, so i went into incognito and suddenly it was just there, i even did crtl F5 to refresh withoud cache but to no avail.
Thank you so much! Especially for the incredible fast response!

[JeffersM1]

I was able to install, and I can edit the configuration.yaml file. How can I see and select a yaml file in a subfolder in the the blueprints folder?

[blb4github]

thanks @oywino for writing that guide, I would never have got it installed and working without.

[oywino]

thanks @oywino for writing that guide, I would never have got it installed and working without.

You're welcome. Have fun 😊

[ND-LJQ]

thanks @oywino for writing that guide, I would never have got it installed and working without.

You're welcome. Have fun 😊
Thanks, man. That was really helpful

[FpazHn]

I have the following message when I go to HACS.

You have 1 Lovelace elements that are not loaded properly in Lovelace.

It is related to config-editor.

On the other hand --- the editor works great.

How do i get rid of the error?

Thanks in advance.

[hros]

Hi,
Home-assistant UI has changed over the last three years since this issue has been posted
I downloaded both config-editor and config-editor-card form HACS and installed them
However, I'm unable to install the dashboard
Can you provide updated instructions?

[oywino]

Can you provide updated instructions?
Sorry, but I can't. My add-on has worked 100% stable ever since, through all my HA updates. I very much depend on it, and don't like the idea of "tampering" with it.

[Macleykun]

Hi, Home-assistant UI has changed over the last three years since this issue has been posted I downloaded both config-editor and config-editor-card form HACS and installed them However, I'm unable to install the dashboard Can you provide updated instructions?

just did it and you have to do it like so after you installed both and restart HA.

1. go into settings:
   
2. go into dashboards:
   
3. Click add dashboard:
   
4. Choose a new dashbaord from scratch
   
5. Choose a name, an icon and you should have an extra dasbhoard to your right:
   
6. In the new dashboard, click on the pen icon where it says HOME:
   
7. Choose under settings, Panel (single card). Save this.
   
8. make a card:
   
9. Look for config:
   
10. Click save:
    
11. Click done:
    
12. Choose a file you want to edit:
    
13. Make an edit, and hit Save in the bottom right:
    

Enjoy your editor!
Sorry for the giant post.
Thanks to @oywino for the pdf, now it's using the full width!

[hros]

thanks @Macleykun !!!

[ea1dqe]

I can´t run the file editor. I do the steps, and the addon seems is correctly installed:

However I don´t find the custom card, the frontend step seems to not work properly and does not create the card to install in the dashboard. ¿Any idea what could be the problem?

Many thank´s.

[ea1dqe]

I can run!!, but I´m not shure how... I am using docker in my installation and doing several tests I have found the following:

1. Initially I installed the integration (config editor) and the Dashboard (config editor card) from HACS.
2. The path in which it is installed is: '/config/custom_components/config_editor', but in my persistent docker folder that path does not exist.
3. A similar thing happens to me with the dashboard, the path where it was installed from HACS is '/config/www/community/config-editor-card', but in my docker persistent data folder that folder is not visible too.
4. If you manually download and install the files to the paths listed in the tutorial in the dockers persistent folder, you can find the paths of ..../custom_components/... and .../www/..., but even if you install the files, HA won't be able to use them.

5. Therefore, so that the card can be seen: custom:config-editor-card the path that must be configured in resources is /config/www/community/config-editor-card, which has nothing to do with the paths that are come inside the docker persistent folder.
So where are configurations, paths and files actually stored within Docker?
What is the actual path inside the container's persistent folder?
How is it possible that the .yaml files that I see in the root of this folder. they are look the same as those that the editor sees but the path is different? If you edit one of the .yaml files in the root docker directory, They have the same content, but the ones used by the editor or HA are in another path and are different.

And in the docker persistent folder:

It works, but I'm not sure how the data and paths are managed in the docker persistent folder.

All the best.

[oywino]

What type of HA installation do you have?

[ea1dqe]

Raspberry Pi 4, 4GB RAM, raspbian (Debian 12 Bookwrom), docker compose and HA container.
All files (system and containers) are install over externar USB hard disk, in fact, not SD card is insert on Raspi SD reader.