In my case I don't use loading panel for AJAX requests. I use it as loading image animation. From client code I update img->src and show loading panel as it is described here:
http://www.telerik.com/help/aspnet-ajax/ajxshowhideloadingpanel.html
The only difference that I use it out ajax request.
After image is loaded (onload event) I hide panel.
It is displayed correctly if InitialDelayTime is set to 0. And doesn't being displayed at all if InitialDelayTime is not 0.
Regarding my investigation it happens by design.
Please confirm that I'm right.
Thank you.
PS: if you know more rational way to show loading animation while getting big images, please share it here :)

Currently the following works:
Any advice, help, sample code would be appreciated.
Thanks,
Lonnie
| editor.pasteHtml(verticalRadioBuutonListAsHtml, commandName); |
| var insertedElem = editor.get_document().getElementById(id); |
| if (insertedElem) { |
| if (insertedElem.setActive) { |
| insertedElem.setActive(); |
| } |
| } |
| With chart.PlotArea |
| .MarkedZones.Clear() |
| Dim mz As TC.ChartMarkedZone |
| For Each dr As DataRow In Thresholds.Rows |
| mz = New TC.ChartMarkedZone(CStr(dr("NAME"))) |
| With mz |
| .ValueStartY = dr.NullOf("MINVAL", min) |
| .ValueEndY = dr.NullOf("MAXVAL", max) |
| .Appearance.Border.Width = 2 |
| .Appearance.Border.Color = Drawing.Color.Red |
| .Appearance.Border.PenStyle = Drawing.Drawing2D.DashStyle.Solid |
| .Appearance.Border.Visible = True |
| .Label.TextBlock.Text = .Name |
| .Label.TextBlock.Visible = True |
| .Visible = True |
| End With |
| .MarkedZones.Add(mz) |
| Next |
| End With |
[UPDATE] I have attached an image highlighting the error.
THanks.
[Original message below]
I am using the Inline Edit Mode of the radgrid. When I enter Edit mode, the images for the control cannot be located. For example, when I click the "Add New Record" link, the "BreakStartTime" control displays "Open the time view popup" instead of showing the image for the time picker.
Here is a code snippet:
| <MasterTableView DataKeyNames="SchedNbr" HierarchyLoadMode="ServerOnDemand" Name="MainList" |
| Width="95%" CommandItemDisplay="Bottom" InsertItemDisplay="Top" EditMode="InPlace" |
| EditItemStyle-BackColor="BurlyWood"> |
| <Columns> |
| <telerik:GridBoundColumn UniqueName="Descript" SortExpression="Descript" HeaderText="<% $Resources:PageControls, Description %>" DataField="Descript" MaxLength="60" /> |
| <telerik:GridNumericColumn UniqueName="BreakDuration" SortExpression="Duration" HeaderText="<% $Resources:PageControls, Duration %>" DataField="BreakDuration" NumericType="Number" MaxLength="3" /> |
| <telerik:GridDateTimeColumn PickerType="TimePicker" UniqueName="BreakStartTime" HeaderText="<% $Resources:PageControls, StartTime %>" DataField="BreakStartTime" DataFormatString="{0:t}" /> |
| <telerik:GridDateTimeColumn PickerType="TimePicker" UniqueName="BreakEndTime" HeaderText="<% $Resources:PageControls, EndTime %>" DataField="BreakEndTime" DataFormatString="{0:t}" /> |
| <telerik:GridEditCommandColumn UpdateText="Update" UniqueName="EditCommandColumn" |
| ButtonType="ImageButton" EditImageUrl="~/Images/icon_edit_16.png" CancelImageUrl="~/Images/icon_cancel_filter.png" |
| InsertImageUrl="~/Images/icon_add_16.png"> |
| <HeaderStyle></HeaderStyle> |
| </telerik:GridEditCommandColumn> |
| <telerik:GridButtonColumn CommandName="Delete" UniqueName="DeleteColumn" ButtonType="ImageButton" mageUrl="~/Images/icon_remove_16.png" /> |
| </Columns> |
| <CommandItemSettings AddNewRecordText="Add new record" AddNewRecordImageUrl="~/Images/icon_add_16.png" /> |
| </MasterTableView> |
Any thoughts of what I can look for?
Thanks.
Steve
I have a very simple example below but am getting confusing results. I was hoping that somebody could help me understand what is happening and how to get the desired results.
I have a RadAjaxManager configured so that an ASP.NET Button's click event updates a div (containing a label), with a corresponding RadAjaxLoadingPanel.
The button's server side click event looks like this:
| protected void Button1_Click(object sender, EventArgs e) { |
| // Increment number in Label1 |
| int i = Int32.Parse(Label1.Text); |
| Label1.Text = (i + 1).ToString(); |
| // Sleep 5 seconds to simulate latency |
| Thread.Sleep(5000); |
| } |
Currently I have the RadAjaxManager's 'RequestQueueSize' property set to 0, the default. I want to keep it this way so that if a 2nd request occurs before the 1st request's response returns, that 1st request will be cancelled and the 2nd request will be sent.
This is occuring, however, when you click the button twice within that five second wait, two undesrable things happen that I would not have expected to happen.
Question: Why does the OnResponseEnd get called three times? Note: if you continue to click the button more than twice, the 'OnResponseEnd' event gets called even more times.
Here is my aspx markup. The javascript just writes which events were fired into a div at the bottom of the screen. The two styles are included to better display what is happening.
| <%@ Page Language="C#" AutoEventWireup="true" CodeFile="Default.aspx.cs" Inherits="_Default" %> |
| <%@ Register TagPrefix="Telerik" namespace="Telerik.Web.UI" assembly="Telerik.Web.UI" %> |
| <!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 id="Head1" runat="server"> |
| <title></title> |
| <script type="text/javascript"> |
| function WriteClientEvents(text) { |
| var div = $get("DivClientEvents"); |
| div.outerHTML = text + "<br>" + div.outerHTML; |
| } |
| function AjaxRequestStart(sender, args) { |
| WriteClientEvents("Request"); |
| } |
| function AjaxResponseEnd(sender, args) { |
| WriteClientEvents("Response"); |
| } |
| </script> |
| <style type="text/css"> |
| .loading |
| { |
| border: solid 1px black; |
| background-color: #fff; |
| height: 100px; |
| width: 200px; |
| } |
| #DivTimesClicked |
| { |
| border: solid 1px black; |
| height: 300px; |
| width: 300px; |
| } |
| </style> |
| </head> |
| <body> |
| <form id="form1" runat="server"> |
| <Telerik:RadScriptManager ID="rsm1" runat="server"> |
| </Telerik:RadScriptManager> |
| <Telerik:RadAjaxManager |
| ID="ram1" |
| runat="server" |
| RequestQueueSize="0" |
| > |
| <ClientEvents OnRequestStart="AjaxRequestStart" OnResponseEnd="AjaxResponseEnd"> |
| </ClientEvents> |
| <AjaxSettings> |
| <Telerik:AjaxSetting AjaxControlID="Button1" EventName="Button1_Click"> |
| <UpdatedControls> |
| <Telerik:AjaxUpdatedControl ControlID="DivTimesClicked" LoadingPanelID="LoadingPanel1" /> |
| </UpdatedControls> |
| </Telerik:AjaxSetting> |
| </AjaxSettings> |
| </Telerik:RadAjaxManager> |
| <br /><br /> |
| <Telerik:RadAjaxLoadingPanel ID="LoadingPanel1" runat="server" Skin="" Transparency="30" BackgroundPosition="Center"> |
| Loading... |
| </Telerik:RadAjaxLoadingPanel> |
| <asp:Button ID="Button1" runat="server" Text="Increment Times Clicked" OnClick="Button1_Click" /> |
| <br /><br /> |
| <div id="DivTimesClicked" runat="server"> |
| Times Clicked: |
| <asp:Label ID="Label1" runat="server" Text="0"></asp:Label> |
| </div> |
| <br /><br /> |
| <h2>RadAjaxManager Client Events...</h2> |
| <hr /> |
| <div id="DivClientEvents"> |
| </div> |
| </form> |
| </body> |
| </html> |
I look forward to understanding what is happening here. Thank you for your help!
--Jason