Rearrange Sidebar

Villhellm · September 9, 2020, 4:13pm

Again, it is only designed to use with material design icons. You can add other options if you wish, but I will not support it personally.

andynbaker · September 15, 2020, 4:29pm

I’m not using this custom component but am using simpleicons in the side bar. Or at least i’m trying to. They rarely if ever show up. It is totally hit or miss. On both desktop and mobile chrome, as well as the mobile app. I’m at a loss because i reaaaaaaaallly want to see those brand icons in the side bar.

tom_l · September 15, 2020, 4:30pm

I might open a simpleicons issue then.

tom_l · September 15, 2020, 5:15pm

There was already an issue open.

tom_l · September 18, 2020, 5:06am

Does this interfere with the sidebar rearrange/hide functions now included in the core (since 0.115)?

Villhellm · September 18, 2020, 2:47pm

It will override any order you set with the new feature. Hiding an item in the new feature or in Custom Sidebar will have the same results.

If you set a custom sidebar title with this plugin it will cause the “Done” button to not show up to save your order when you go into edit mode. Refreshing the page should save the changes anyway

sd_dracula · October 24, 2020, 5:36pm

I’m trying to load up my OctoPrint page within my HA page however it just navigates to the Octoprint page instead of loading it into my HA view (with the HA bar still at the side)
Am I doing something wrong or is that functionality just not possible?

- new_item: true
    item: OctoPrint
    href: http://octopi.local

That’s what I have

Villhellm · October 24, 2020, 9:39pm

The new_item feature is for navigating to internal HA panels. If you want to use an external app just use an iFrame panel https://www.home-assistant.io/integrations/panel_iframe/

sd_dracula · October 25, 2020, 9:30am

Thanks that’s exactly what I wanted, but I get page refused to connect. I am trying to display the OctoPrint page in there. Maybe it does not allow iframe?

Aldaran · December 8, 2020, 10:07pm

Does this component work on the latest editions HA? Installed as indicated in the description on github, but the only thing I got is the generated ‘check server configuration’ menu at the bottom of the sidebar. I couldn’t hide such an annoying map icon …

P.S. Um, for some reason my manual control doesn’t work, but I noticed a new “Change sidebar items” menu in the profile configuration. And when “custom-sidebar” was removed, errors appeared in the logs, and the sidebar settings made were reset. I do not know if this is the work of the module or the HA update.

Syntox · December 15, 2020, 11:15am

It’s been a while but maybe this will help others.
My problem was that my path to the json file was not the standard one (I guess. I can’t remeber changing it).
I installed via HACS and also had Browser Mod installed but it didn’t load. So in my case I manually typed in the path:

#configuration.yaml
frontend:
  extra_module_url:
    - /local/community/custom-sidebar/custom-sidebar.js # may be a different path

@Villhellm maybe you could mention that in the docs as well.

Villhellm · December 15, 2020, 2:34pm

Are you using YAML mode for lovelace? You still need to add it as a lovelace resource. hacs does this automatically if you are using storage mode for lovelace

If you installed via hacs then the hacsfiles url should have worked. If it didn’t then that’s an issue with hacs

Syntox · December 15, 2020, 2:56pm

No, I’m not using YAML mode. Yes, HACS added the resource but put the JSON to another location:

#resource:
/hacsfiles/custom-sidebar/custom-sidebar.js
#location of file:
/local/community/custom-sidebar/custom-sidebar.js

I don’t know if hacsfiles link to the community folder but it didn’t worked until I entered the path manually.
But you’re right I guess this is rather a HACS issue than yours.

Villhellm · December 15, 2020, 3:14pm

You’re confusing directories and URLs. The /hacsfiles URL resolves to /local/community/…, but also adds other features like cache blocking. Browser mod used to load all lovelace resources regardless of what panel you started on, but perhaps that is no longer the case. If you open your browser console it should show a custom-sidebar loaded message

Syntox · December 15, 2020, 3:39pm

Ok sorry, I take everything back. I looked into HACS and saw that I had browser mod installed but I didn’t made the entry in my configuration.yaml. Now everything works like it should. And yeah I should have known the difference between the URL and the directory path. Thanks!

Mark_Gilbert · April 9, 2021, 4:41am

I am not using HACS, whenever I long click and hold on the Title of the Side Bar it let’s me re-arrange the Panels

hexabin · July 3, 2021, 7:58pm

I have the same problem. Some items that are hidden can be added by the user. Is there a way to prevent this? I am using Home Assistant 2021.6.4.

Thank you in advance for your answer.

tom_l · May 21, 2022, 3:07am

This repository is no longer supported as the developer passed away. You should use this fork of it instead:

ben.mcclure · April 14, 2023, 5:07pm

This fork hasn’t been updated in 2 years and has no releases. It has other forks that are more recent, but I hesitate to pick a random fork.

Is there a recommended version of this to use?

tom_l · April 14, 2023, 5:19pm

No idea, sorry. I no longer use this. Suggest you have a look at the changes made to the fork of the fork and at that person’s github activity to get a feel for a reliable one.