auto resize radgrid on client screen resolutin

[Anand]

Hello,
i have aspx page(web application using c#) having asp panel and under this panel i have radgrid, now i want to resize my panel or radgrid as per client screen resolution so that it can fit to screen( doesnot leave blank space). My current screen resolution is 1024*768 and its working fine but as soon i reset it to 1280*960 panel with grid, shifted  above and leave blank space on the bottom of page.
aspx code #

 

 

<asp:Panel ID="pnlDetailGrid" runat="server" Visible="false" CssClass="myPanelClass">

 

 

 

<asp:ImageButton ID="ImageButton1" runat="server" AlternateText="Export to Excel"

 

 

 

CssClass="imButton" ImageUrl="~/Images/Excel.jpg" OnClick="ImageButton1_Click" />

 

 

 

<telerik:RadGrid ID="RadGrid1" runat="server" Width="100%"

 

 

 

AutoGenerateColumns="False" AllowMultiRowSelection="False" AllowPaging="true" PageSize="15"

 

 

 

OnDetailTableDataBind="RadGrid1_DetailTableDataBind" Skin="Black" AllowCustomPaging="true"

 

 

 

onneeddatasource="RadGrid1_NeedDataSource"

 

 

 

onitemcreated="RadGrid1_ItemCreated" onitemcommand="RadGrid1_ItemCommand"

 

 

 

onexcelexportcellformatting="RadGrid1_ExcelExportCellFormatting"

 

 

 

onexcelmlexportrowcreated="RadGrid1_ExcelMLExportRowCreated"

 

 

 

onexcelmlexportstylescreated="RadGrid1_ExcelMLExportStylesCreated">

 

 

 

 

<PagerStyle Mode="NumericPages" />

 

 

 

 

<MasterTableView TableLayout="Fixed" AllowMultiColumnSorting="True" cellpadding="0" DataKeyNames="TXNORDER" Width="100%" CommandItemDisplay="Top" GroupLoadMode="Server">

 

 

 

<CommandItemTemplate>

 

 

 

<asp:CheckBox ID="CheckBox2" AutoPostBack="true" CssClass="CheckBox" runat="server" ForeColor="White" Text="Show Filter" />

 

 

 

</CommandItemTemplate>

 

　

 

 

<DetailTables>

 

 

 

<telerik:GridTableView DataKeyNames="TXNORDER" Name="Orders" Width="100%">

 

 

 

<Columns>

 

 

 

<telerik:GridTemplateColumn HeaderStyle-Width="5px">

 

 

 

<ItemTemplate>

 

 

 

<asp:ImageButton ID="imgCheck" runat="server" CausesValidation="false"

 

 

 

CommandArgument='<%# DataBinder.Eval(Container.DataItem, "CaptureImageKey")%>'

 

 

 

CommandName='<%# DataBinder.Eval(Container.DataItem, "ItemTypePK")%>'

 

 

 

Height="20px" ImageUrl="~/Images/check-template.png" onclick="imgCheck_Click"

 

 

 

ToolTip="Check Image" Width="30px"/>

 

 

 

</ItemTemplate>

 

 

 

<HeaderStyle Width="40px" />

 

 

 

</telerik:GridTemplateColumn>

 

 

 

<telerik:GridBoundColumn DataField="TXNORDER" HeaderButtonType="TextButton"

 

 

 

HeaderText="Transaction#" SortExpression="TXNORDER"

 

 

 

UniqueName="TXNORDER" Visible="False">

 

 

 

</telerik:GridBoundColumn>

 

 

 

<telerik:GridBoundColumn DataField="ItemTypePK" HeaderButtonType="TextButton"

 

 

 

HeaderText="Type" SortExpression="ItemTypePK" UniqueName="ItemTypePK">

 

 

 

</telerik:GridBoundColumn>

 

 

 

<telerik:GridBoundColumn DataField="FIELD7" HeaderButtonType="TextButton"

 

 

 

HeaderText="Serial#" SortExpression="FIELD7" UniqueName="FIELD7">

 

 

 

</telerik:GridBoundColumn>

 

 

 

<telerik:GridBoundColumn DataField="FIELD6" HeaderButtonType="TextButton"

 

 

 

HeaderText="P44" SortExpression="FIELD6" UniqueName="FIELD6">

 

 

 

</telerik:GridBoundColumn>

 

 

 

<telerik:GridBoundColumn DataField="FIELD5" HeaderButtonType="TextButton"

 

 

 

HeaderText="Routing#" SortExpression="FIELD5" UniqueName="FIELD5">

 

 

 

</telerik:GridBoundColumn>

 

 

 

<telerik:GridBoundColumn DataField="FIELD4" HeaderButtonType="TextButton"

 

 

 

HeaderText="AltSerial#" SortExpression="FIELD4" UniqueName="FIELD4">

 

 

 

</telerik:GridBoundColumn>

 

 

 

<telerik:GridBoundColumn DataField="FIELD3" HeaderButtonType="TextButton"

 

 

 

HeaderText="Account#" SortExpression="FIELD3" UniqueName="FIELD3">

 

 

 

</telerik:GridBoundColumn>

 

 

 

<telerik:GridBoundColumn DataField="FIELD2" HeaderButtonType="TextButton"

 

 

 

HeaderText="TC#" SortExpression="FIELD2" UniqueName="FIELD2">

 

 

 

</telerik:GridBoundColumn>

 

 

 

<telerik:GridBoundColumn DataField="Amount" HeaderButtonType="TextButton"

 

 

 

HeaderText="Amount" SortExpression="Amount" UniqueName="Amount"

 

 

 

HeaderStyle-HorizontalAlign="left" ItemStyle-HorizontalAlign="left">

 

 

 

<HeaderStyle HorizontalAlign="Center" />

 

 

 

<ItemStyle CssClass="pad" HorizontalAlign="Right" />

 

 

 

</telerik:GridBoundColumn>

 

 

 

<telerik:GridBoundColumn DataField="CaptureImageKey" HeaderButtonType="TextButton"

 

 

 

HeaderText="CaptureImageKey" SortExpression="CaptureImageKey"

 

 

 

UniqueName="CaptureImageKey" Visible="false">

 

 

 

</telerik:GridBoundColumn>

 

 

 

<telerik:GridBoundColumn DataField="EnterpriseID" HeaderButtonType="TextButton"

 

 

 

HeaderText="EnterpriseID" SortExpression="EnterpriseID"

 

 

 

UniqueName="EnterpriseID" Visible="false">

 

 

 

</telerik:GridBoundColumn>

 

 

 

<telerik:GridBoundColumn DataField="ReverseReason" HeaderButtonType="TextButton"

 

 

 

HeaderText="ReverseReason" SortExpression="ReverseReason"

 

 

 

UniqueName="ReverseReason" Visible="false">

 

 

 

</telerik:GridBoundColumn>

 

 

 

</Columns>

 

 

 

</telerik:GridTableView>

 

 

 

</DetailTables>

 

 

 

<Columns>

 

 

 

 

<telerik:GridTemplateColumn HeaderStyle-Width="5px">

 

 

 

<ItemTemplate>

 

 

 

<asp:ImageButton ID="imgReverseTransaction" runat="server"

 

 

 

CausesValidation="false" Height="20px" Width="20px"

 

 

 

CommandArgument='<%#Eval("TXNORDER") + ","+Eval("EnterpriseID")+ ","+Eval("BankID")+ ","+Eval("BranchID")+ ","+Eval("BatchID")+ ","+Eval("OPENEDTIME") + ","+Eval("SourceTypePK")+ ","+Eval("AuxBatchID")%>'

 

 

 

CommandName="ReverseTransaction"

 

 

 

ImageUrl="~/Images/green-undo-icon.png" onclick="imgReverseTransaction_Click"

 

 

 

OnClientClick="javascript:return confirm('Are you sure? \n This action cannot be undone.')"

 

 

 

ToolTip="Reverse Transaction"

 

 

 

visible='<%#DataBinder.Eval(Container.DataItem,"ShowImgReverseTransaction")%>'/>

 

 

 

</ItemTemplate>

 

 

 

<HeaderStyle Width="30px" />

 

 

 

</telerik:GridTemplateColumn>

 

 

 

<telerik:GridBoundColumn DataField="TXNORDER" HeaderButtonType="TextButton"

 

 

 

HeaderText="Transaction #" SortExpression="TXNORDER"

 

 

 

UniqueName="TXNORDER">

 

 

 

</telerik:GridBoundColumn>

 

 

 

<telerik:GridBoundColumn DataField="CaptureStatus" HeaderButtonType="TextButton"

 

 

 

HeaderText="Capture Status" SortExpression="CaptureStatus">

 

 

 

</telerik:GridBoundColumn>

 

 

 

<telerik:GridBoundColumn DataField="TRANSACTIONTIME" HeaderButtonType="TextButton"

 

 

 

HeaderText="Transaction Time" SortExpression="TRANSACTIONTIME">

 

 

 

</telerik:GridBoundColumn>

 

 

 

<telerik:GridBoundColumn DataField="Amount" HeaderButtonType="TextButton"

 

 

 

HeaderText="Amount" SortExpression="Amount" UniqueName="Amount"

 

 

 

HeaderStyle-HorizontalAlign="left" ItemStyle-HorizontalAlign="left">

 

 

 

<HeaderStyle HorizontalAlign="Center" />

 

 

 

<ItemStyle CssClass="pad" HorizontalAlign="Center" />

 

 

 

</telerik:GridBoundColumn>

 

 

 

</Columns>

 

 

 

</MasterTableView>

 

 

 

<ClientSettings>

 

 

 

<Scrolling AllowScroll="True" EnableVirtualScrollPaging="True" UseStaticHeaders="True"

 

 

 

SaveScrollPosition="True"></Scrolling>

 

 

 

</ClientSettings>

 

 

 

</telerik:RadGrid>

 

 

 

 

</asp:Panel>

 

[Pavlina]

Hello Anand,

I think that the following code library will help you achieve the desired functionality:
http://www.telerik.com/community/code-library/aspnet-ajax/grid/setting-100-height-and-resize-on-container-resize-for-grid-with-scrolling-and-static-headers.aspx

Regards,
Pavlina
the Telerik team

[Anand]

Thanks Pavlina for ur rply, but it didnt work for me

[Pavlina]

Hello,

I think it will be best if you can open a support ticket and send us a simple running project demonstrating the problem. In that way we can reproduce problems you're facing on our side and provide a proper solution.

All the best,
Pavlina
the Telerik team