49 lines
1.8 KiB
Plaintext
49 lines
1.8 KiB
Plaintext
QUICK FIX: Enable Auto-Scrolling
|
|
=================================
|
|
|
|
The CSS animation might not be working. Here's how to enable JavaScript auto-scroll:
|
|
|
|
METHOD 1: Browser Console (Works Immediately)
|
|
----------------------------------------------
|
|
1. The dashboard should be open in Firefox (kiosk mode)
|
|
2. Since you're in kiosk mode, you might need to:
|
|
- Press Alt to show menu, or
|
|
- Use a keyboard if available, or
|
|
- SSH in and use xdotool to send F12
|
|
|
|
3. Once console is open, paste this JavaScript:
|
|
|
|
let currentIndex = 0;
|
|
const cards = Array.from(document.querySelectorAll('ha-card'));
|
|
const scrollInterval = 5000;
|
|
|
|
cards.forEach(card => card.style.minHeight = window.innerHeight + 'px');
|
|
|
|
function nextCard() {
|
|
currentIndex = (currentIndex + 1) % cards.length;
|
|
cards[currentIndex].scrollIntoView({ behavior: 'smooth', block: 'start' });
|
|
}
|
|
|
|
setInterval(nextCard, scrollInterval);
|
|
window.scrollTo({ top: 0, behavior: 'smooth' });
|
|
|
|
METHOD 2: Create a Bookmarklet
|
|
-------------------------------
|
|
Create a bookmark with this URL (as a bookmarklet):
|
|
javascript:(function(){let c=Array.from(document.querySelectorAll('ha-card'));c.forEach(card=>card.style.minHeight=window.innerHeight+'px');let i=0;setInterval(()=>{i=(i+1)%c.length;c[i].scrollIntoView({behavior:'smooth',block:'start'})},5000);window.scrollTo({top:0,behavior:'smooth'})})();
|
|
|
|
METHOD 3: Update Dashboard YAML
|
|
--------------------------------
|
|
The dashboard YAML has the styling for larger text. Make sure you've:
|
|
1. Copied the updated YAML to Home Assistant
|
|
2. Saved it
|
|
3. Refreshed the page
|
|
|
|
The larger fonts should work even without scrolling.
|
|
|
|
To check if the YAML was updated:
|
|
- Look at the text size - it should be MUCH bigger now
|
|
- Cards should take up full screen height
|
|
|
|
If text is still small, the YAML wasn't updated in Home Assistant yet.
|