htmlcssintel-xdk

How to get 100% height of column inside intel XDK

Anyone else using Intel XDK and know how to manage columns to fit 100% of the screen? I can set the height in pixels but not in height, I've read the forums and seen that people with similar problems are supposed to add the height of all parent elements, i tried this without any further sucess. Any help or input highly appreciated, thanks!

Solution

  • I use javascript/app framework to set the heights in a sizeIt() function that's called after the dom is fully loaded and on the resize event:

    $(".fullheightdiv").css("height", window.innerHeight +"px");

    If you have a header or footer just subtract their height from it like:

    $(".divwithheader").css("height", window.innerHeight -40 +"px");

    Hope that helps!