Rearrange Sidebar

Did either of you ever get this working? Any clue as to what I (and now, hackshaq) might be doing wrong?

I didn’t actually try it. I’m fine with the sidebar order, I just want my notification back on the header rather than buried in the hidden sidebar.

1 Like

It’s working fine here, installed and setup as per the instructions…

1 Like

Hey Villhellm I have a minor issue with this but am not sure where to raise it.

I have a simple-icon assigned to the Grafana panel shortcut using custom sidebar.

This works perfectly on my desktop.

In the iOS app the icon rarely displays. The empty space where the icon should be still links to the Grafana panel when tapped.

I’m not sure if the issue is due to the app, simple-icons, or custom-sidebar.

The icon is meant to be a material design icon. I can’t actively support something I don’t use, sorry.

That’s unfortunate. Nearly all brand icons have moved from mdi to Simple Icons. So these are going to pop up in a lot more people’s configurations. There was a note about this in the 0.113 release notes.

Most of the removed MDI icons can be found in Simple icons , which is available as a custom integration .

0.113: Automations & Scripts, and even more performance!

Also as I said I’m not convinced it’s custom-sidebar issue as it works faultlessly using a desktop browser.

If not simple-icons, how about local icons?

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.

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.

1 Like

I might open a simpleicons issue then.

1 Like

There was already an issue open.

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

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

1 Like

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

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/

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?

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.

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.

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

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.