My Homeassistant (Tablet) Dashboard
This was created by using a lot of custom ressources. I recommend you checking them out. (look below)
There are 2 release options: Redacted and not redacted. The diffrence between them, is that one uses (not redacted) shows all my entitys and my config (some entitys / configs have been redacted anyways, for privacy reasons.) The redacted one only shows Template cards which you can change and fit to your liking. It shows basic ways to animate, using (adaptive) icons and colors. I mainly use the normal cards for turning things on/off and for opening popups.
IMPORTANT: Even if it the dashboard is not redacted Weather service (shows my position excactly) and device ids from the browser mod popups and more things that could have been sensitive i have removed.
Tutorial on how to set up dashboard & Theme:
- Get the Latest code from Data
- Create new homeassistant Dashboard by [⚙️]Settings -> [◻️]Dashboards -> [➕]Create Dashboard -> [✐]New Dashboard from Ground up
- Go to dashboard then click ✐ -> ⫶ -> {}Raw Configuration Editor
- Paste in Dashboard Code
For Theme:
- Open File manager
- Locate folder 'themes' (if not there create it)
- Create new folder
- Name it like your theme
- Create file in that folder
- Name it [Name it like your theme].yaml
- Add newest Theme Code
- Edit the 2nd row of the yaml and change the text before the : to your themes name (very important: Dont forget that spaces aren't allowed! Use minus instead.)
Requirements for redacted & unredacted versions
Its Strongly recommended to use hacs, so please do so by installing Hacs
Redacted:
Card Mod
Button Card
Layout Card
Simple Weather Card
Vertical Stack in Card
Unredacted:
Better Thermostat UI (Using as Pool Card, looks cooler and more functions):
Hass Hue Icons (Using it for a lot of buttons)
Scheduler Card (Using it in one of my popups: Its a dream for automating your Heating, Clock, Daily Tasks and more) NEEDS FRONTEND + BACKEND
Mini-Graph Card (Using it for my Humidity and Temperature Poups)
Button Card (Core component, needed for most of the dashboard)
Layout Card (Required for my Dashboards Layout)
For Wallpanel there is a nice integration named wallpanel but personally i like fully kiosk more. You pay one time, but i think its worth it. Fully has got a lot of features like hass communication, motion detection, very good error of website detection (shows when offline reconnects when online tries to reconnect to wifi network) and a ton of more features i cant put in this description so go check out both of them and see whats better for you :)
https://www.fully-kiosk.com/en/
Mushroom (Standard Mushroom is required for the custom areas i set using the chips)
Simple weather card (For weather in the sidebar and yes there are 2-3 weather cards in this dashboard. Trust me all of them make sense!)
Weather Radar Card (2nd one: Shows rain on a nice card in my weather popup)
Kiosk Mode (Yes this is required in homeassistant to disable the sidebar and header so it doesent look ugly. In a web browser you can disable the kiosk mode by adding ?disable_km behind the url Example: https[:]//yourhassinstance[.]duckdns[.]org/dashboard-tablet/Standard-Room/?disable_km)
Battery State Card (used as battery indicator)
Clock Weather Card (used as main weather card in weather popup)
Card Mod (default required by Dashboard)
Restriction Card (i use it to lock my pcs remote functions)
Vertical Stack in Card (default required by Dashboard)