Switching Z-Wave JS Addons with Minimal Downtime! Z-Wave JS (Official) to Z-Wave JS UI (Community)

Community Guides
111

I wanted to have quicker access to the Zwave UI, so I followed this example and this Custom Panel documentation to add a link to the side panel:

  1. Using the File Editor, open the file /homeassitant/configuration.yaml.
  2. Add the following YAML snippet to your existing panel_custom: section if you have it, or add the snipppet to the end of the file as follows:
panel_custom:
  - name: zwavejsui
    sidebar_title: Z-Wave UI
    sidebar_icon: mdi:z-wave
    js_url: /api/hassio/app/entrypoint.js
    url_path: "hassio/ingress/a0d7b954_zwavejs2mqtt"
    embed_iframe: true
    require_admin: true

:warning: Indentation is critical in a YAML file.
3. Save the file by clicking the red disk button in the top right corner.
4. Navigate to Developer Tools, the click “Check Configuration” and verify you get a message like “Configuration will not prevent Home Assistant from starting!”
5. Click on “Restart” and select “Restart Home Assistant.”
6. Wait until the system has restarted and verify there is a new “Z-WaveJS UI” entry in the side panel.

I hope this is useful to you all!

1 Like