[Solved] RadAjaxLoadingPanel position not centered to RadGrid

[Ingenix-Tech]

I have  the radgrid reduced to width of 70% but when postback (like sorting, paging) the loadingpanel loads to 100% of the width which causes to overflow over the size of the RAdGrid (like shadowing outside the radgrid)
how to do I fix it.?

<telerik:RadAjaxPanel runat="server" ID="RadAjaxPanel1" LoadingPanelID="RadAjaxLoadingPanel1">
   <telerik:RadGrid ID="RadGrid1" runat="server" AllowSorting="True" AllowPaging="True" PageSize="5" GridLines="Horizontal" HeaderStyle-Font-Bold="true">
    <PagerStyle Mode="NextPrevAndNumeric" PageSizeControlType="RadComboBox"></PagerStyle>
   </telerik:RadGrid>
</telerik:RadAjaxPanel>
<telerik:RadAjaxLoadingPanel runat="server" ID="RadAjaxLoadingPanel1" BackgroundPosition="Center" Skin="Silk">
</telerik:RadAjaxLoadingPanel>

[Princy]

Hi Pederla,

I guess you want the loading panel to take the size of radgrid.Please try setting the width to RadAjaxPanel rather than radgrid because the LoadingPanel resides inside the RadAjaxPanel.
Please try this code snippet.

ASPX:

<telerik:RadAjaxPanel runat="server" ID="RadAjaxPanel1" LoadingPanelID="RadAjaxLoadingPanel1" Width="70%">
    <telerik:RadGrid ID="RadGrid1" runat="server" >
        <MasterTableView>
            <Columns>
             . . . . . . . . . . . . . .
            </Columns>
        </MasterTableView>
    </telerik:RadGrid>
</telerik:RadAjaxPanel>
<telerik:RadAjaxLoadingPanel runat="server" ID="RadAjaxLoadingPanel1" BackgroundPosition="Center">
</telerik:RadAjaxLoadingPanel>

Thanks,
Princy