Add DASHBOARD-INSTRUCTIONS.txt
This commit is contained in:
66
DASHBOARD-INSTRUCTIONS.txt
Normal file
66
DASHBOARD-INSTRUCTIONS.txt
Normal 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!
|
||||
Reference in New Issue
Block a user