I put an ajax panel into my page, which is viewed in a radwindow. When I use a lookup textbox and postback to get information the page dissapears and eventually it reappears when the data finishes loading. Becuase of the trip of dta this can take 10 - 15 sec. Some users take this as the page messing up, how can I show the loading circle of the loadpanel during this time as it is not showing. When i postback on the txtSearch textbox everything disapears and then reapears when data is loaded, i would like the loading spinner of the load panel to show.
<
telerik:RadAjaxPanel
ID
=
"radPanel"
runat
=
"server"
LoadingPanelID
=
"RadloadPanel"
>
<
div
class
=
"CentDiv"
>
<
asp:TextBox
ID
=
"txtSearch"
runat
=
"server"
Width
=
"360px"
AutoPostBack
=
"true"
OnTextChanged
=
"txtSearch_TextChanged"
></
asp:TextBox
>
<
asp:AutoCompleteExtender
ID
=
"txtSearch_ACE"
runat
=
"server"
TargetControlID
=
"txtSearch"
MinimumPrefixLength
=
"1"
ServiceMethod
=
"FindName"
ServicePath
=
"~/AutoComplete.asmx"
UseContextkey
=
"true"
OnClientItemSelected
=
"SelectedName"
EnableCaching
=
"true"
CompletionInterval
=
"1"
DelimiterCharacters
=
""
/>
<
asp:TextBoxWatermarkExtender
ID
=
"txtSearch_WME"
runat
=
"server"
TargetControlID
=
"txtSearch"
WatermarkText
=
"Enter Last Name First Name"
WatermarkCssClass
=
"WaterMark"
/>
</
div
>
<
asp:Panel
ID
=
"pnlInfo"
runat
=
"server"
Visible
=
"false"
>
<
table
style
=
"width:100%;border:double;background-color:antiquewhite"
>
<
tr
>
<
td
style
=
"height:5px"
></
td
>
</
tr
>
<
tr
>
<
td
style
=
"text-align:right;width:40%"
>Pick Persona: </
td
>
<
td
><
telerik:RadComboBox
ID
=
"ddlPersona"
runat
=
"server"
OnDataBound
=
"ddlPersona_DataBound"
Width
=
"140px"
></
telerik:RadComboBox
>
</
td
>
</
tr
>
<
tr
>
<
td
style
=
"height:5px"
></
td
>
</
tr
>
<
tr
>
<
td
style
=
"text-align:right;width:40%"
>Enter EDPI: </
td
>
<
td
><
asp:TextBox
ID
=
"txtEDIPI"
runat
=
"server"
Width
=
"140px"
MaxLength
=
"10"
></
asp:TextBox
>
<
asp:RequiredFieldValidator
ID
=
"valEdipi"
runat
=
"server"
Display
=
"Dynamic"
ControlToValidate
=
"txtEDIPI"
ValidationGroup
=
"Token"
Text
=
" * Enter EDIPI"
Font-Bold
=
"true"
ForeColor
=
"Tomato"
></
asp:RequiredFieldValidator
>
<
asp:FilteredTextBoxExtender
ID
=
"txtEDIPI_FTE"
runat
=
"server"
TargetControlID
=
"txtEdipi"
FilterType
=
"Numbers"
></
asp:FilteredTextBoxExtender
>
</
td
>
</
tr
>
<
tr
>
<
td
style
=
"height:5px"
></
td
>
</
tr
>
<
tr
>
<
td
style
=
"text-align:right;width:40%"
>Enter DISA Email: </
td
>
<
td
><
asp:TextBox
ID
=
"txtEmail"
runat
=
"server"
Width
=
"260px"
MaxLength
=
"60"
></
asp:TextBox
>
<
asp:TextBoxWatermarkExtender
ID
=
"txtEmail_WME"
runat
=
"server"
TargetControlID
=
"txtEmail"
WatermarkCssClass
=
"wtrMrk"
WatermarkText
=
"Email."
/>
<
asp:RequiredFieldValidator
ID
=
"valtxtEmail"
runat
=
"server"
ControlToValidate
=
"txtEmail"
ErrorMessage
=
"Enter Disa Email"
Display
=
"Dynamic"
ForeColor
=
"Red"
ValidationGroup
=
"Token"
></
asp:RequiredFieldValidator
>
</
td
>
</
tr
>
<
tr
>
<
td
style
=
"height:5px"
></
td
>
</
tr
>
<
tr
>
<
td
style
=
"text-align:right;width:40%"
>Unit: </
td
>
<
td
><
asp:Label
ID
=
"lblUnit"
runat
=
"server"
></
asp:Label
></
td
>
</
tr
>
<
tr
>
<
td
style
=
"height:5px"
></
td
>
</
tr
>
<
tr
>
<
td
style
=
"text-align:right;width:40%"
>Unit Phone #: </
td
>
<
td
><
asp:TextBox
ID
=
"txtPhone"
runat
=
"server"
Width
=
"140px"
MaxLength
=
"12"
></
asp:TextBox
>
<
asp:RequiredFieldValidator
ID
=
"valPhone"
runat
=
"server"
Display
=
"Dynamic"
ControlToValidate
=
"txtPhone"
ValidationGroup
=
"Token"
Text
=
" * Enter Phone"
Font-Bold
=
"true"
ForeColor
=
"Tomato"
></
asp:RequiredFieldValidator
>
<
asp:TextBoxWatermarkExtender
ID
=
"txtPhoneNumber_WME"
runat
=
"server"
TargetControlID
=
"txtPhone"
WatermarkCssClass
=
"wtrMrk"
WatermarkText
=
"000.000.0000"
/>
<
asp:FilteredTextBoxExtender
ID
=
"txtPhoneNumber_FTE"
runat
=
"server"
FilterType
=
"Custom, Numbers"
ValidChars
=
"."
TargetControlID
=
"txtPhone"
></
asp:FilteredTextBoxExtender
>
<
asp:RegularExpressionValidator
ID
=
"valPhoneExpress"
runat
=
"server"
ControlToValidate
=
"txtPhone"
ErrorMessage
=
"* Enter Format 222.222.2222"
Display
=
"Dynamic"
ValidationExpression
=
"((\(\d{3}\) ?)|(\d{3}.))?\d{3}.\d{4}"
ForeColor
=
"Red"
ValidationGroup
=
"Token"
/>
</
td
>
</
tr
>
<
tr
>
<
td
style
=
"height:5px"
></
td
>
</
tr
>
<
tr
>
<
td
style
=
"text-align:right;width:40%"
>Unit Address: </
td
>
<
td
><
asp:Label
ID
=
"lblAddress"
runat
=
"server"
></
asp:Label
></
td
>
</
tr
>
<
tr
>
<
td
style
=
"height:5px"
></
td
>
</
tr
>
<
tr
>
<
td
style
=
"text-align:right;width:40%"
>Unit City: </
td
>
<
td
><
asp:Label
ID
=
"lblCity"
runat
=
"server"
></
asp:Label
></
td
>
</
tr
>
<
tr
>
<
td
style
=
"height:5px"
></
td
>
</
tr
>
<
tr
>
<
td
style
=
"text-align:right;width:40%"
>Unit State: </
td
>
<
td
><
asp:Label
ID
=
"lblState"
runat
=
"server"
></
asp:Label
>
Unit Zip:
<
asp:Label
ID
=
"lblZip"
runat
=
"server"
></
asp:Label
>
</
td
>
</
tr
>
<
tr
>
<
td
style
=
"height:5px"
></
td
>
</
tr
>
<
tr
>
<
td
style
=
"text-align:right;width:40%"
>Pick-up Location: </
td
>
<
td
><
telerik:RadComboBox
ID
=
"ddlLocation"
runat
=
"server"
OnDataBound
=
"ddlLocation_DataBound"
></
telerik:RadComboBox
></
td
>
</
tr
>
<
tr
>
<
td
style
=
"height:5px"
></
td
>
</
tr
>
<
tr
>
<
td
style
=
"text-align:right;width:40%"
></
td
>
<
td
><
asp:LinkButton
ID
=
"lnkSubmit"
runat
=
"server"
Text
=
"Submit"
CausesValidation
=
"true"
OnClick
=
"lnkSubmit_Click"
ValidationGroup
=
"Token"
></
asp:LinkButton
>
<
asp:LinkButton
ID
=
"lnkCancel"
runat
=
"server"
Text
=
"Cancel"
CausesValidation
=
"false"
OnClick
=
"lnkCancel_Click"
></
asp:LinkButton
>
</
td
>
</
tr
>
</
table
>
</
asp:Panel
>
<
asp:HiddenField
ID
=
"HFPersId"
runat
=
"server"
/><
asp:HiddenField
ID
=
"HFUserId"
runat
=
"server"
/><
asp:HiddenField
ID
=
"HFEdit"
runat
=
"server"
/>
</
telerik:RadAjaxPanel
>
<
telerik:RadAjaxLoadingPanel
ID
=
"RadloadPanel"
runat
=
"server"
AnimationDuration
=
"10"
MinDisplayTime
=
"5"
BackgroundPosition
=
"Center"
></
telerik:RadAjaxLoadingPanel
>