Intersoft Community - WebGrid Enterprise - Webgrid height issue

Webgrid height issue

yudi — Mon, 04 Jan 2016 02:00:25 GMT

Glad to hear the good news.

Should you need further assistance or run into any problems regarding our controls, feel free to post it into our community site. We would be happy to assist you again.

Webgrid height issue

sjain — Thu, 31 Dec 2015 07:36:39 GMT

Hi Yudi,
Thanks for your support. The suggested solution worked perfectly. I appreciate your detail explanation .

regards
Sachin

Webgrid height issue

yudi — Thu, 31 Dec 2015 03:44:30 GMT

In order to set a percentage height, its parent element must have an explicit height. So the parent (container) of WebGrid, in this case is the div element, must have an explicit height property. That height can also be percentage, that just moves the problem up to the next level. This means the parent's parent (grand-parent) height must be defined too. This could go until the html root element.

So set the height of the html and the body element to 100%, as well as every single ancestor element of that element that you wish to have the 100% height in the first place.

Add following style tag into the page, Webcomboexpbasic.aspx:

<style type="text/css">
    html, body, form
    {
        height: 100%;
        width: 100%;
        padding: 0;
        margin: 0;
    }
</style>

Next, set the grid's parent height to specific height, for example 100%.

<div style="height: 100%;">
    <ISWebGrid:WebGrid ID="WebGrid1" runat="server"
        DefaultStyleMode="Elegant" UseDefaultStyle="True" 
        Height="50%" Width="98%" ...> 
        ...
    </ISWebGrid:WebGrid>
</div>

It's all set. The height issue no longer persist and the message "There are no rows in this view." appear in the correct position.

This should helps.

Webgrid height issue

sjain — Wed, 30 Dec 2015 15:33:32 GMT

Hi,

One of our application was running on IE compatibiltymode earlier. Now, we made cahanges and all webgrid pages are working perfectally on IE10 and IE 11 except height issue. I attached a sample.

If we set webgrid height in pixels then it works perfectly but we can't set height in pixel due to different user's montor size. I believe there is some setting which was not set properly. Please look on attached sample and suggest missing setting or setting which need to alter.

There is a small issue also. Earlier when there was no data exist in webgrid then it shows message "There are no rows in this view.". Now, it is not working until I put snippet like below in case of no data.

WebGrid1.Height = new Unit(400, UnitType.Pixel);

May be it will not needed if height issue will resolve.

I also added screenshot of 50% setting which was not working and 650px which worked.

regards

Sachin