Forums Retired Products and Controls
Your Privacy Matters: We use our own and third-party cookies to improve your experience on our website. By continuing to use the website we understand that you accept their use. Cookie Policy
Close
Anuj
379
Setting WebGrid height equal to document height
posted

Hi!

    We're using Infragistics WebGrid (v. 9.1) in our project. We need to set the height of the WebGrid so as it fits in the page according to the resolution, e.g., if the screen resolution is 1024x768, then the Grid's height should fit in the page and no scrollbar should appear on the page and if the screen resolution is changed to 1280x1024, then the WebGrid's height changes accordingly to fit in the page. We were unable to find a solution to this. Please suggest how to achieve this.

Thanks & Regards
Anuj

Parents
No Data
Reply
  • 110
    Suggested Answer
    posted

    Add this CSS on your webpage.. Then drop a grid with 100% height/width and you're set.

    html
    {
        margin:0;
        padding:0;
        height:100%; /* this is the key! */
        overflow:hidden /* No Scroll Bars */
    }
    body
    {
        margin:0;
        padding:0;
        height:100%; 
        font-family:Arial;
        font-size:8pt;
        overflow:hidden;
    }

    Note: There may be a bug you might notice, it is with IE7 and IE8. When 100% height using DOCType reference which SHOULD be used, the height sometimes extends somewhat heigher than what it should. Check out my post to see what I mean,
     http://community.infragistics.com/forums/p/31243/180537.aspx#180537 

Children
No Data