Add DASHBOARD-INSTRUCTIONS.txt

This commit is contained in:
2025-12-31 04:26:14 -08:00
commit ef823976ff

View File

@@ -0,0 +1,66 @@
Home Assistant Kiosk Dashboard Setup
=====================================
I've created 3 dashboard YAML files for you to choose from:
1. dashboard-kiosk-simple.yaml
- Basic dashboard with weather and sun info
- Works with standard Home Assistant cards
- Manual scrolling (content is tall enough to scroll)
- RECOMMENDED if you don't have custom cards
2. dashboard-kiosk.yaml
- Enhanced with styling and colors
- Uses card-mod for styling (requires card-mod custom card)
- Manual scrolling with nice visual sections
3. dashboard-kiosk-auto-scroll.yaml
- Auto-scrolling with CSS animation
- Requires card-mod custom card
- Continuously scrolls automatically
HOW TO USE:
-----------
1. Copy the YAML content from one of the files
2. In Home Assistant:
- Go to Settings > Dashboards
- Click "Add Dashboard" or edit existing
- Click the 3-dot menu > "Edit Dashboard"
- Click "Raw Configuration Editor" (YAML icon)
- Paste the YAML content
- Save
3. The dashboard will be available at:
http://homeassistant.local:8123/dashboard-kiosk/0
4. Your Firefox kiosk is already configured to point to this URL!
FOR AUTO-SCROLLING:
-------------------
If you want true auto-scrolling, you have a few options:
Option A: Use browser-based auto-scroll
- Add this JavaScript to the dashboard (via browser console or custom card):
setInterval(() => window.scrollBy(0, 1), 50);
Option B: Install card-mod custom card
- Install from HACS: "card-mod"
- Then use dashboard-kiosk-auto-scroll.yaml
Option C: Use a custom auto-scroll card
- Install from HACS: "auto-scroll-card" or similar
- Wrap your dashboard content in it
CUSTOMIZATION:
-------------
To add more entities, edit the YAML and add them to the entities sections.
You can add:
- Camera entities
- Sensor entities
- Binary sensor entities
- Any other entities you want to display
The dashboard will automatically scroll if content is tall enough!