[Solved] Loading Panel not loading

[andieje]

Hi

Can you see why the loading panel isn't working on the code below. I can't see why not. It looks the same as my other pages.

<!

 

DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

 

<

 

html xmlns="http://www.w3.org/1999/xhtml" >

 

<

 

head runat="server">

 

 

<title>Untitled Page</title>

 

</

 

head>

 

<

 

body>

 

 

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

 

 

<div>

 

 

<asp:ScriptManager ID="ScriptManager1" runat="server">

 

 

</asp:ScriptManager>

 

 

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

 

 

<AjaxSettings>

 

 

<telerik:AjaxSetting AjaxControlID="Button1">

 

 

<UpdatedControls>

 

 

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

 

 

</UpdatedControls>

 

 

</telerik:AjaxSetting>

 

 

</AjaxSettings>

 

 

</telerik:RadAjaxManager>

 

 

<asp:Button ID="Button1" runat="server" Text="Button" />

 

 

<telerik:RadGrid ID="RadGrid1" runat="server" Visible="False">

 

 

<MasterTableView>

 

 

<SortExpressions>

 

 

<telerik:GridSortExpression FieldName="GPSDateTime" />

 

 

</SortExpressions>

 

 

<GroupByExpressions>

 

 

<telerik:GridGroupByExpression>

 

<

 

SelectFields>

 

<

 

telerik:GridGroupByField FieldName="RoadTypeID" HeaderText="Road Type" FieldAlias="RoadTypeID" FormatString="" />

 

</

 

SelectFields>

 

 

<GroupByFields>

 

 

<telerik:GridGroupByField FieldName="RoadTypeID" HeaderText="Road Type" FieldAlias="RoadTypeID" FormatString="" />

 

 

</GroupByFields>

 

 

</telerik:GridGroupByExpression>

 

 

</GroupByExpressions>

 

 

</MasterTableView>

 

 

<HeaderContextMenu>

 

 

<CollapseAnimation Duration="200" Type="OutQuint" />

 

 

</HeaderContextMenu>

 

 

<FilterMenu>

 

 

<CollapseAnimation Duration="200" Type="OutQuint" />

 

 

</FilterMenu>

 

 

 

 

</telerik:RadGrid>

 

 

<telerik:RadAjaxLoadingPanel ID="RadAjaxLoadingPanel1" runat="server" Height="75px"

 

 

Width="75px">

 

 

<img alt="Loading..." src='<%= RadAjaxLoadingPanel.GetWebResourceUrl(Page, "Telerik.Web.UI.Skins.Default.Ajax.loading.gif") %>'

 

 

style="border: 0px;" />

 

 

</telerik:RadAjaxLoadingPanel>

 

 

</div>

 

 

</form>

 

 

</

 

body>

 

</

 

html>

many thanks

 

[andieje]

Hi

I thought it might be because the radgrid is not visible when the page is loaded but i put the grid inside a panel and linked the button to the panel instead of the grid and the panel still isn't displayed.

thanks in advance

[Dimo]

Hi andieje,

Please be aware that the loading panel is displayed over the updated control and assumes the width and height of the updated control. If you are updating an empty panel, its height is zero, so the loading panel's height is also zero.

Loading panels, which are marked as sticky (IsSticly="true") do not assume the dimensions of the updated control, but they also are not positioned over it, unless you manually position them.

All the best,
Dimo
the Telerik team

Instantly find answers to your questions on the new Telerik Support Portal.
Check out the tips for optimizing your support resource searches.