Change label in sidebar

Configuration Frontend
1

Hi !

I have the same entry label in the sidebar. In my case I have 3 Zigbee2MQTT because I have 3 devices:

image
image295×156 1.36 KB

Is it possible to change this labels ? I didn’t find nor in HA nor in Zigbee2MQTT configuration.

Regards

2

If you want to rename them to something else to differentiate them, you can try this custom plugin:

3

Thank you. I will give it a try.

1 Like
4

I tried panel_custom but I can’t manage to make it work. I can’t open the Zigbee2MQTT web page.

5

Show your custom panel configuration to see if everything is OK. Just take into account that with custom panel you would need to create new items and hide the previous three for the account in which you are logged in (it is not to rename the current items).

6

I tested multiple solutions, two of them :

panel_custom:
  - name: panel_z2m_bridge
    sidebar_title: Z2M-Bridge
    sidebar_icon: mdi:zigbee
    module_url: /9336c2b0_zigbee2mqtt
  - name: panel_z2m_yellow
    sidebar_title: Z2M-Yellow
    sidebar_icon: mdi:zigbee
    url_path: 1ff69cfe_zigbee2mqtt
    module_url: /frontend_latest/custom-panel.6eaef1d1ead87377.js

I have disabled the “show in sidebar” swicth button in the Zigbee2MQTT modules configuration.
Before disabling it I used the developer tools of the browser to find the URL’s generated by the module (2nd configuration : Z2M-Yellow).
In the 1st configuration I used the URL shown in the address bar of the browser.

None worked…

7

The url that you see in the address of the browser needs to be placed in url_path without a slash at the beginning. So, if the URL is http://ip_or_domain:8123/9336c2b0_zigbee2mqtt, then your config should be the next one (and you can remove the module_url ):

panel_custom:
  - name: panel_z2m_bridge
    sidebar_title: Z2M-Bridge
    sidebar_icon: mdi:zigbee
    url_path: 9336c2b0_zigbee2mqtt
    js_url: /api/hassio/app/entrypoint.js
    embed_iframe: true

Before making any config, verify that you can access the page writing it the path directly in the URL bar. And remember, after creating the config, you need to restart Home Assistant to apply these changes.

8

Thank you.

panel_custom:
  - name: panel_z2m_bridge
    sidebar_title: Z2M-Bridge
    sidebar_icon: mdi:zigbee
    url_path: 9336c2b0_zigbee2mqtt
    js_url: /api/hassio/app/entrypoint.js
    embed_iframe: true

with and without the embed_iframe gave me a blank frame.
I have restarted HA :wink:

9

Could you try to check if adding the config parameter makes any difference?

panel_custom:
  - name: panel_z2m_bridge
    sidebar_title: Z2M-Bridge
    sidebar_icon: mdi:zigbee
    url_path: 9336c2b0_zigbee2mqtt
    js_url: /api/hassio/app/entrypoint.js
    embed_iframe: true
    config:
      ingress: core_configurator
10

Same behavior :-/

This is the network tab (developer tools in firefox) when I click on the integrated sidebar button :

image
image897×404 64.1 KB

When I use the custom panel one, the calls stop at the fifth. Only five calls. It seems that a script isn’t launched on the client side.

11

I don’t know what have that panel in special. I don’t have any other advice apart from the one that I gave you at the beginning: use custom-sidebar.

1 Like
12

Thank you. I managed to rename the 2 entries. But… they are now on the top, the 2 first positions. In the default sidebar they are the last of the top group.
Do I need to create all the items (not only the 2 zigbee2mqtt) in the yaml order section to get back the default order?

13

Check the important notes in the documentation. But yes, if you need to modify the order of the items, you should add an order for each visible item in the sidebar (they only need an item and an order property)

1 Like