The TouchHub now supports embedding or a Home Assistant Dashboard. Once you configure an HA dashboard the following simple steps will allow you to add it into your DAKboard TouchHub.
Home Assistant Updates
In order to embed the Home Assistant (HA) blocks into the Touch Hub, you will need to make a small change in your Home Assistant install to permit embedding. Embedding by default for security reasons (clickjacking protection via HTTP headers) is normally disabled by default. To allow embedding your Lovelace dashboard in an <iframe>/Touch Hub, you need to adjust Home Assistant’s HTTP configuration in your configuration.yaml file.
By default, HA sends the header:
X-Frame-Options: SAMEORIGIN
which prevents embedding in external pages, and needs to change.
Edit your configuration.yaml and modify the http: section to allow embedding:
http: use_x_frame_options: false
- Setting
use_x_frame_options: falseremoves that header so the UI can be loaded in an iframe.
After making the change
- Save
configuration.yaml - Restart Home Assistant (full restart, not just reload)
- Add the Lovelace dashboard URL to your TouchHub
Security Considerations
Disabling X-Frame-Options means:
- Your HA UI can be embedded on any site
- This increases risk of clickjacking attacks
Techniques to keep HA safe:
- Only expose HA internally (VPN, local network)
- Use a reverse proxy (like Nginx) to control which domains can embed it
- Require authentication (don’t expose unauthenticated dashboards publicly)
Additional Notes
On DAKboard OS older than 4.14, you will need a keyboard and mouse to type in your login information into Home Assistant. We recommend upgrading your device to 4.14 or later.