Does not work on HA release 2023.4

[n00bcodr]

The title says it all, stopped working with HA release 2023.4.

[c0nfus3]

I can aggree, stop working since latest update.

[lorenzo-deluca]

Here too .. ;)

[xZetsubou]

I'll make a request with changes tho I don't know if the the dev is active atm, if you want to fix this issue manually

1- go to HACS -> frontend remove custom-sidebar v2 since u can't modify the JS Files in HACS dir it will recover them

2- copy everything in https://gist.github.com/xZetsubou/eedbe1c3d00429b630e1cc8186218862
-> into a file in e.g. config/www/custom-sidebar-v2-mod.js

3- HA Settings -> Dashboards -> top right on the 3 dots -> recourses -> bottom right Add Recourse
-> URL locate the file u created e.g. /local/custom-sidebar-v2-fixed.js
-> Resource type is JavaScript Module

in confgiguration.yaml you could add an extra module
- /local/custom-sidebar-v2-fixed.js

[Serpe-Verde]

I'll make a request with changes tho I don't know if the the dev is active atm, if you want to fix this issue manually

1- go to HACS -> frontend remove custom-sidebar v2 since u can't modify the JS Files in HACS dir it will recover them

2- copy everything in https://gist.github.com/xZetsubou/eedbe1c3d00429b630e1cc8186218862 -> into a file in e.g. config/www/custom-sidebar-v2-mod.js

3- HA Settings -> Dashboards -> top right on the 3 dots -> recourses -> bottom right Add Recourse -> URL locate the file u created e.g. /local/custom-sidebar-v2-fixed.js -> Resource type is JavaScript Module

in confgiguration.yaml you could add an extra module - /local/custom-sidebar-v2-fixed.js

I'm freaking out, it's not working. The configuration file structure? And the location?
Thanks

[xZetsubou]

I'll make a request with changes tho I don't know if the the dev is active atm, if you want to fix this issue manually
1- go to HACS -> frontend remove custom-sidebar v2 since u can't modify the JS Files in HACS dir it will recover them
2- copy everything in https://gist.github.com/xZetsubou/eedbe1c3d00429b630e1cc8186218862 -> into a file in e.g. config/www/custom-sidebar-v2-mod.js
3- HA Settings -> Dashboards -> top right on the 3 dots -> recourses -> bottom right Add Recourse -> URL locate the file u created e.g. /local/custom-sidebar-v2-fixed.js -> Resource type is JavaScript Module
in confgiguration.yaml you could add an extra module - /local/custom-sidebar-v2-fixed.js

I'm freaking out, it's not working. The configuration file structure? And the location? Thanks

Where did you get stuck?
This is my settings in dashboard resource JS file is located in config/www/js/custom-sidebar-v2_mod.js

confgiguration.yaml if you don't have browser_mod

and JSON file stays in the same location config/www/

www file is located inside HA main directory
after finishing restart HA

[Serpe-Verde]

I'll make a request with changes tho I don't know if the the dev is active atm, if you want to fix this issue manually
1- go to HACS -> frontend remove custom-sidebar v2 since u can't modify the JS Files in HACS dir it will recover them
2- copy everything in https://gist.github.com/xZetsubou/eedbe1c3d00429b630e1cc8186218862 -> into a file in e.g. config/www/custom-sidebar-v2-mod.js
3- HA Settings -> Dashboards -> top right on the 3 dots -> recourses -> bottom right Add Recourse -> URL locate the file u created e.g. /local/custom-sidebar-v2-fixed.js -> Resource type is JavaScript Module
in confgiguration.yaml you could add an extra module - /local/custom-sidebar-v2-fixed.js

I'm freaking out, it's not working. The configuration file structure? And the location? Thanks

Where did you get stuck? This is my settings in dashboard resource JS file is located in config/www/js/custom-sidebar-v2_mod.js

confgiguration.yaml if you don't have browser_mod

and JSON file stays in the same location config/www/

www file is located inside HA main directory after finishing restart HA

Thanks for reply.

Yes, I have the "custom-sidebar-v2-fixed.js" file in the www folder.
I uploaded the extra module in "configuration.yaml" and it's placed in dashboard resources.
For example, if you want to hide the "map" and "energy" menus in the sidebar, how should the configuration file be structured?
I had written the previous one in the www folder with the name "sidebar-order.json" but the changes didn't lead to anything. I use HA in Italian.
How can I know if the "custom-sidebar-v2-fixed.js" module was really loaded by HA?

Thanks

[xZetsubou]

Thanks for reply.

Yes, I have the "custom-sidebar-v2-fixed.js" file in the www folder. I uploaded the extra module in "configuration.yaml" and it's placed in dashboard resources. For example, if you want to hide the "map" and "energy" menus in the sidebar, how should the configuration file be structured? I had written the previous one in the www folder with the name "sidebar-order.json" but the changes didn't lead to anything. I use HA in Italian. How can I know if the "custom-sidebar-v2-fixed.js" module was really loaded by HA?

Thanks

The JSON file should stay the same name ,same settings and same location make sure u deleted old custom sidebar version
from HACS and dashboard recourses also try to open your HA in incognito tab maybe HA cached old version and doesn't make any new changes.
You can check the loaded JS files when u are in ur HA page in chrome press 'F12' to open Developer Tools -> from top tabs select Sources then in pages tab you should see local folder inside it all the loaded JS.

[Mrsash2020]

It was working but HA update broke it.

[Serpe-Verde]

Thanks for reply.
Yes, I have the "custom-sidebar-v2-fixed.js" file in the www folder. I uploaded the extra module in "configuration.yaml" and it's placed in dashboard resources. For example, if you want to hide the "map" and "energy" menus in the sidebar, how should the configuration file be structured? I had written the previous one in the www folder with the name "sidebar-order.json" but the changes didn't lead to anything. I use HA in Italian. How can I know if the "custom-sidebar-v2-fixed.js" module was really loaded by HA?
Thanks

The JSON file should stay the same name ,same settings and same location make sure u deleted old custom sidebar version from HACS and dashboard recourses also try to open your HA in incognito tab maybe HA cached old version and doesn't make any new changes. You can check the loaded JS files when u are in ur HA page in chrome press 'F12' to open Developer Tools -> from top tabs select Sources then in pages tab you should see local folder inside it all the loaded JS.

Thanks for the suggestions, it seems to work.

• I put the "custom-sidebar-v2-mod.js" file in the folder "hacsfiles/custom-sidebar-v2-mod"
• I put "sidebar-order.json" file in www folder with downloaded example from https://raw.githubusercontent.com/galloween/custom-sidebar-v2/main/sidebar-order.json
• I modified the "configuration.yaml" file by adding the extra_module_url of the frontend "- /hacsfiles/custom-sidebar-v2-mod/custom-sidebar-v2-mod.js"
• rebooted and now I just have to figure out how to put the items in order and hide the ones I don't need.

Thanks again for the time you gave me

[Mrsash2020]

Working for me too with manual changes mentioned above

[degrashopper]

For me it is partialy working. the user that i added to exceptions is working as expected. But a user that should use the default order is not working as expected. when checking the console im getting an error.
custom-sidebar-v2-fixed.js:59 Custom sidebar (ver.301217_2359): Failed Tried 10 times and gave up {tryCounter: 11, Loaded: 'error', DrawerLayoutElement: ha-drawer, TitleElement: div.title, SideBarElement: paper-listbox.ha-scrollbar, …}Dr

[guilhermequinta]

Just so you guys know, I was having problems with installing it manually too, so i just added xZetsubou's fork in HACS as a custom repository and installed it that way. It is now fully working just as it was in 2023.03.

[FlorianDevPhynix]

xZetsubou's fork works, just not in the iphone app, the whole sidebar behaviour seems different there. Without custom-sidebar, the mobile and web sidebars had different sorting for me. Really strange behaviour

[DBT85]

I have finally managed to get this working but that is due mainly to me trying to use the example and it basically doing nothing that I could see. Once I stripped it down to just adding the google new item it appeared, so Now I shall attempt to make it do the reodering I'd like to do. Never used any of the previous versions so it's all new to me. Perhaps soon this new one will become v3!

Thanks for the fix @xZetsubou

[AlxSZP]

@MineLPPhynix did you remove Galloween repository and only kept @xZetsubou? or should I keep both?

Nevermind, solved! I did remove Halloween's code, then added @xZetsubou repo, went to download the HACS and restarted HA

It all works now, at least on my computer