Setting grid width=100% height=100% with scrolls enabled

[O§uz]

Hi,

I want to have grid dimensions height=100% and width=100% so that my grid fits to any container that i put.
But if i allow scrolling grid immediately collapses. I have tried "Changing grid ScrollHeight at runtime to fill its container height" in grid document also but it didnot solve my problem.

I try all possible page directives( like 

<!

DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">

)

Thanks for your help

[Veli]

Hi oguz,

Setting the Width property of the MasterTableView to 100% should solve your problem. Let us know how it goes.

Kind regards,
Veli
the Telerik team

Instantly find answers to your questions at the new Telerik Support Center

[O§uz]

Hi Veli,

Unfortunately setting mastertabelview height and width to 100% did not change anything. I also use tablelayout=fixed in mastertableview. Bytheway are you Turkish?

[Princy]

Hi, 

Have you gone through the following codelibrary submission?
Setting 100% height and resize on container resize for grid with scrolling and static headers

Princy.

[Veli]

Hi Oguz,

Please have a look at the project suggested by Princy and see how it applies to your case. If problems persist, you may consider opening a regular support ticket and providing a sample project for us, where we can try to recreate the error.

Kind regards,
Veli
the Telerik team

Instantly find answers to your questions at the new Telerik Support Center

[O§uz]

Hi Veli,

I have relaised something. I have a script manager in my masterpage. And I have RadAjaxManager like below. Not to postback grid during page changes.(I am using custom paging and my page size is 50 and i am binding 400 rows of  any data)

If i remove RadAjaxManager, my page succussfully resizes itself with its container as needed. But if i paste RadAjaxManager again, grid immediately collapses itself after page load.

<telerik:RadAjaxManager ID="RadAjaxManager1" runat="server" EnablePageHeadUpdate="False">
    <AjaxSettings>
        <telerik:AjaxSetting AjaxControlID="RadGrid1">
            <UpdatedControls>
                <telerik:AjaxUpdatedControl ControlID="RadGrid1" />
            </UpdatedControls>
        </telerik:AjaxSetting>
    </AjaxSettings>
</telerik:RadAjaxManager>

[Veli]

Hi Oguz,

When you place RadGrid inside a container, you need to set the Height property of the container to some fixed value in pixels. Generally speaking, when RadGrid is nested, at least one of the parent containers needs to have a fixed height in pixels. This is a browser issue connected to recalculating size of child items based on the container.

Additionally, try the following style:

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

This code library, as posted by Princy demonstrates the workaround for this problem.
I hope this helps.

Kind regards,
Veli
the Telerik team

Instantly find answers to your questions at the new Telerik Support Center