LoadingPanelID causes Grid to flash on pagination

[David Kucharski]

I have the following .aspx code in my page. When I have the LoadingPanelID on the AjaxUpdatedControl line, my grid flashes when paginating/sorting. What I mean is that it disappears and re-appears with the grid in the right page. If I take off the LoadingPanelID, the grid paginates/sorts/filters correctly but without the flash. Am I doing something wrong? My telerik version is 2009.3.1314.20.

 

 

<form id="frmSubVersionMaintenance" runat="server">

 

 

 

 

<telerik:RadStyleSheetManager ID="RadStyleSheetManager1" runat="server">

 

 

 

</telerik:RadStyleSheetManager>

 

 

 

 

<uc1:UcHeader ID="UcHeader" runat="server" />

 

 

 

<telerik:RadScriptManager ID="RadScriptManager1" runat="server" />

 

 

 

<telerik:RadAjaxManager ID="RadAjaxManager1" runat="server" EnableAJAX="true">

 

 

 

<AjaxSettings>

 

 

 

<telerik:AjaxSetting AjaxControlID="rgGeography">

 

 

 

<UpdatedControls>

 

 

 

<telerik:AjaxUpdatedControl ControlID="rgGeography" LoadingPanelID="RadAjaxLoadingPanel1" />

 

 

 

</UpdatedControls>

 

 

 

</telerik:AjaxSetting>

 

 

 

</AjaxSettings>

 

 

 

</telerik:RadAjaxManager>

 

 

 

<telerik:RadAjaxLoadingPanel ID="RadAjaxLoadingPanel1" Runat="server" />

 

 

 

<table cellpadding="0" cellspacing="0" border="0" width="800px">

 

 

 

<tr>

 

 

 

<td style="width:50%" class="BlackHeaders8ptBoldNoUnderline" align="right"><asp:Label ID="lblSubVersion" runat="server" Text="Sub-Version:"></asp:Label>&nbsp;</td>

 

 

 

<td style="width:50%" class="BlackHeaders8ptBoldNoUnderline" align="left"><telerik:RadTextBox Width="200px" MaxLength="250" ID="rdSubVersion" Runat="server"></telerik:RadTextBox></td>

 

 

 

</tr>

 

 

 

<tr>

 

 

 

<td style="width:50%" class="BlackHeaders8ptBoldNoUnderline" align="right" valign="top"><asp:Label ID="lblExistingSubVersion" runat="server" Text="Existing Sub-Version:"></asp:Label>&nbsp;</td>

 

 

 

<td><telerik:RadComboBox ID="rdExistingSubVersions" OnItemsRequested="rdExistingSubVersions_ItemsRequested"

 

 

 

AllowCustomText="true" EmptyMessage="Pick a Sub-Version" HighlightTemplatedItems="true" EnableLoadOnDemand="true" Filter="StartsWith" MarkFirstMatch="true" CssClass="BlackHeaders8ptBoldNoUnderline" AutoPostBack="True" Runat="server">

 

 

 

</telerik:RadComboBox>

 

 

 

</td>

 

 

 

</tr>

 

 

 

<tr>

 

 

 

<td style="width:50%" class="BlackHeaders8ptBoldNoUnderline" align="right" valign="top"><asp:Label ID="lblVersion" runat="server" Text="Version:"></asp:Label>&nbsp;</td>

 

 

 

<td><telerik:RadComboBox ID="rdVersion" OnItemsRequested="rdVersion_ItemsRequested"

 

 

 

AllowCustomText="true" EmptyMessage="Pick a Version" HighlightTemplatedItems="true" EnableLoadOnDemand="true" Filter="StartsWith" MarkFirstMatch="true" CssClass="BlackHeaders8ptBoldNoUnderline" AutoPostBack="True" Runat="server">

 

 

 

</telerik:RadComboBox>

 

 

 

</td>

 

 

 

</tr>

 

 

 

<tr>

 

 

 

<td align="center" colspan="2">

 

 

 

<telerik:RadGrid ID="rgGeography" runat="server" PageSize="250" AllowPaging="True" AllowFilteringByColumn="True" Width="600px" Height="400px" AllowSorting="True" AllowMultiRowSelection="True">

 

 

 

<PagerStyle Mode="NextPrevAndNumeric" />

 

 

 

<MasterTableView AutoGenerateColumns="false" AllowFilteringByColumn="True" VirtualItemCount="100000">

 

 

 

<Columns>

 

 

 

<telerik:GridTemplateColumn AllowFiltering="false" SortExpression="Selected" HeaderText="Selected" ItemStyle-HorizontalAlign="Center" DataField="Selected" HeaderStyle-HorizontalAlign="Center" UniqueName="CheckBoxTemplateColumn">

 

 

 

<HeaderTemplate>

 

 

 

<asp:CheckBox id="headerChkbox" OnCheckedChanged="ToggleSelectedState" AutoPostBack="True" runat="server"></asp:CheckBox>

 

 

 

</HeaderTemplate>

 

 

 

<ItemTemplate>

 

 

 

<asp:CheckBox id="CheckBox1" Checked='<%# Eval("Selected") %>' OnCheckedChanged="ToggleRowSelection" AutoPostBack="True" runat="server"></asp:CheckBox>

 

 

 

</ItemTemplate>

 

 

 

</telerik:GridTemplateColumn>

 

 

 

<telerik:GridBoundColumn AutoPostBackOnFilter="true" CurrentFilterFunction="EqualTo" ItemStyle-HorizontalAlign="Center" HeaderStyle-HorizontalAlign="Center" DataField="Geography" HeaderText="Geography"

 

 

 

SortExpression="Geography" UniqueName="Geography"/>

 

 

 

<telerik:GridBoundColumn ItemStyle-HorizontalAlign="Center" HeaderStyle-HorizontalAlign="Center" DataField="CircType" HeaderText="Circulation Type"

 

 

 

SortExpression="CircType" UniqueName="CircType" AutoPostBackOnFilter="true"/>

 

 

 

<telerik:GridBoundColumn DataField="id" UniqueName="id" Visible ="false"/>

 

 

 

</Columns>

 

 

 

</MasterTableView>

 

 

 

<ClientSettings Selecting-AllowRowSelect="true" Scrolling-AllowScroll="true" Scrolling-UseStaticHeaders="true">

 

 

 

<Selecting AllowRowSelect="true" />

 

 

 

</ClientSettings>

 

 

 

</telerik:RadGrid>

 

 

 

</td>

 

 

 

</tr>

 

 

 

<tr>

 

 

 

<td align="center"><uc2:ucFooter ID="ucFooter" runat="server" Visible="False" /></td>

 

 

 

</tr>

 

 

 

</table>

 

 

 

</form>

 

[Antonio Stoilkov]

Hello David,

In order to resolve your issue you could set RadAjaxLoadingPanel Skin property. The issue is caused because the RadAjaxLoadingPanel does not have default Skin and in scenarios when the Skin is not set the flashing behavior is experienced and expected.

Kind regards,
Antonio Stoilkov
the Telerik team