[RELEASE] DarkSky.net Weather Driver, no PWS Required

⚙️ Custom Apps and Drivers
329

Should your dashboard be short of screen real estate and the mytile, 3day, or summary tile is truncated, it can be made to scoll as follows;

  1. get the tile id for the element
    In windows an easy way to do this using Chrome, place the cursor over tile element, right click, select Inspect. HtML source displays, get tile element id.

  2. Display the dashboard page, Click gear on tile's dashboard.
    Click advanced
    Click CSS
    add the following
    #tile-n {overflow: auto !important;}
    replace 'n' above with your tile number Won't work without important
    Click Save

  3. (update) You also probably want to get rid of the fixed position device id on the bottom of the tile by adding the following CSS
    #tile-n>.tile-title {visibility: hidden;}

  4. Shows scroll bars on non-touch screens as needed. Smooth scrolls on touch screens

Sample Html to look for
<div id="tile-2" class="tile attribute h-full" style="grid-area: 1 / 1 / 3 / 4; font-size: 9px; border-radius: 4px; background-position: center center; background-repeat: no-repeat; background-size: cover; overflow: hidden;"><div class="tile-contents"><div class="tile-secondary"> myTile </div><div class="tile-primary" style="font-size: 13.5px;"><span style="display:inline;"><a href="https://darksky.net/forecast/4x.xxxx,-7x.xxxx">Someplace, NJ</a><br>Clear | <span><a style="font-style:italic;color:red;" href="https://alerts.weather.gov/cap/wwacapget.php?x=NJ125F3FC63F94.SpecialWeatherStatement.125F3FC77D8CNJ.PHISPSPHI.92450720d95b4d609c891a38178d76ea">Special Weather Statement</a></span><br> 41°F<img src="https://tinyurl.com/y6xrbhpf/32.png" style="height:1.5em;display:inline;"> Feels like 36°F<br></span><span style="font-size:.9em;"><img src="https://tinyurl.com/y6xrbhpf/wb3.png">North-Northwest @ 9 MPH, gusts @ 18 MPH<br><img src="https://tinyurl.com/y6xrbhpf/wb.png">30.11 inHg <img src="https://tinyurl.com/y6xrbhpf/wh.png">43% <img src="https://tinyurl.com/y6xrbhpf/wu.png">8%<br><img src="https://tinyurl.com/y6xrbhpf/wsr.png">06:29 <img src="https://tinyurl.com/y6xrbhpf/wss.png">17:50 Updated: 16:57<br></span></div></div><!----></div>

4 Likes