How to add HADashboard as a HomeAssistant sidepanel option

Third party integrations HADashboard
1

Hello,
Ive done a Google search and looked back through these HADashboard topics, but have not found the answer.

Id am currently using HA/Floorplan but would also like to experiment with HADashboard, and easily switch between them.

How can I add HADashboard as a HA side panel option - the same way Floorplan is ?
Example (left hand sidebar): https://i.imgur.com/wauZu9W.jpg

Where Im getting unstuck is referring to the HADashboard HTML file (where the sidebar button links to) in the configuration.yaml file

panel_custom:
  - name: floorplan
    sidebar_title: Floorplan
    sidebar_icon: mdi:home
    url_path: floorplan
    config: !include floorplan.yaml

  - name: dashboard
    sidebar_title: Dashboard
    sidebar_icon: mdi:home
    url_path: dashboard
    webcomponent_path:  <??? should be link to an HTML file>

The web browser URL I use to access my HADashboard is: http://hassio:5050/TestDashboard

The Floorplan sidebar button defaults to \\hassio\config\panels\floorplan.html

Do I need to create a new HTML file \\hassio\config\panels\dashboard.html and have that somehow redirect to http://hassio:5050/TestDashboard ??

2

The answer was so simple once I stumbled across the correct (related) panel_iframe command for configuration.yaml.
The few lines below achieved exactly what I wanted… I can switch back and forth between HA-Floorplan and HADashboard, using the built in HA sidebar.

panel_iframe:
  dashboard:
    title: 'HADashboard'
    url: 'http://hassio:5050/TestDashboard'
    icon: mdi:apps

Screenshot: https://imgur.com/a/Ooe9G

2 Likes