ha-kiosk-dashboard/INSTALL-DASHBOARD.md

Installing the Kiosk Dashboard

Step 1: Copy Dashboard YAML

1. Open Home Assistant
2. Go to Settings > Dashboards
3. Click + ADD DASHBOARD
4. Choose Start with an empty dashboard
5. Name it: Kiosk Dashboard
6. Click the ⋮ (three dots) menu > Edit Dashboard
7. Click ⋮ again > Raw configuration editor
8. Copy the contents of dashboard-kiosk-improved.yaml and paste it
9. Click SAVE

Step 2: Set Up RSS Feed for Fox News

Option A: Using HACS (Recommended)

1. Install HACS if not already installed
2. Go to HACS > Integrations
3. Search for "RSS Feed" or "Feedparser"
4. Install the integration
5. Restart Home Assistant
6. Add to configuration.yaml:

   rss_feed_template:
     fox_news_breaking:
       url: "https://feeds.foxnews.com/foxnews/latest"
       scan_interval: 300
   

Option B: Manual RSS Feed Setup

1. Install feedparser custom component
2. Add to configuration.yaml (see setup-rss-fox-news.yaml)
3. Restart Home Assistant

Step 3: Enable Auto-Scroll

Option A: Install Auto-Scroll Card (Best)

1. Install via HACS: auto-scroll-card
2. Update dashboard YAML to use type: custom:auto-scroll-card
3. Configure scroll speed

Option B: CSS Injection (Quick)

Add this to your dashboard's card-mod style or use a custom card:

card_mod:
  style: |
    ha-card {
      animation: scroll 120s linear infinite;
    }
    @keyframes scroll {
      0% { transform: translateY(0); }
      100% { transform: translateY(-100%); }
    }

Option C: Browser Console (Temporary)

Open browser console (F12) and run:

setInterval(() => window.scrollBy(0, 1), 50);

Step 4: Customize Entities

Edit the dashboard YAML to:

• Add/remove entities
• Adjust card sizes
• Change colors and fonts
• Add more sections

Step 5: Set as Default Dashboard

1. Go to Settings > Dashboards
2. Find "Kiosk Dashboard"
3. Click ⋮ > Set as default on this device

Troubleshooting

• RSS not showing: Install RSS feed integration first
• Auto-scroll not working: Install auto-scroll-card or use CSS
• Cards too small: Increase font-size in card-mod styles
• Missing entities: Check entity IDs match your setup