Live TV Guide Layout

[David 1]

Just enabled live TV on my installation and love it. The only thing I noticed is the guide seems a little jagged in it's layout. I've got a function that I use for aligning items with scroll bars and it works all the time and thought I would toss it out there incase it can be of any use. This function will give the width (or height) of a scroll bar in the client browser.

function measureScrollBar() {
  var scrollDiv = document.createElement("div");
  scrollDiv.style.cssText = "width:100px; height:100px; overflow:scroll; position:absolute; top:-9999px;";
  document.body.appendChild(scrollDiv);
  var sbw = scrollDiv.offsetWidth - scrollDiv.clientWidth;
  document.body.removeChild(scrollDiv);
  return Math.max(sbw, 0);
}

-David

 

P.S. MB3 ROCKS!!!!!!

[Luke 42077]

It lines up nicely in webkit browsers like chrome and safari. It didn't use to have that jagginess, however in order to center the grid in the middle of the page that was a side effect that was introduced. Luckily it's just in FF and IE. So I'll have another look when I can.