How to add to sidebar

Question

How to add to sidebar

oywino opened this issue 2 years ago · 22 comments

I have apparently managed to install ;

Integrations

and
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.)

Answer 1 · 2022-02-09T23:40:07.000Z

Edit:
Url needs to be lovelace-editor

Answer 2 · 2022-02-10T10:11:54.000Z

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

Answer 3 · 2022-02-10T10:56:58.000Z

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

Answer 4 · 2022-02-10T15:40:15.000Z

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

Answer 5 · 2022-02-10T15:58:34.000Z

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

Answer 6 · 2022-02-10T16:23:36.000Z

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?

Answer 7 · 2022-02-10T20:12:23.000Z

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

Answer 8 · 2022-02-10T20:44:39.000Z

Sure it would help others

Answer 9 · 2022-03-17T09:50:07.000Z

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...

Answer 10 · 2022-03-18T01:58:28.000Z

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

Answer 11 · 2022-03-18T02:06:22.000Z

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

Answer 12 · 2022-05-05T12:15:36.000Z

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.

Answer 13 · 2022-05-05T13:05:43.000Z

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

Answer 14 · 2022-05-05T16:36:49.000Z

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

Answer 15 · 2022-07-05T18:28:17.000Z

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 :)

Answer 16 · 2022-07-05T18:32:41.000Z

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

Answer 17 · 2022-07-05T20:18:42.000Z

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!

Answer 18 · 2022-09-18T23:43:09.000Z

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?

Answer 19 · 2023-02-01T11:18:54.000Z

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

Answer 20 · 2023-02-01T11:34:04.000Z

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

You're welcome. Have fun 😊

Answer 21 · 2023-03-19T13:13:40.000Z

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

Answer 22 · 2023-04-07T06:00:42.000Z

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.