Page disappears on postback

[Kevin]

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>

[Shinu]

Hi Kevin,

In order to show the LoadingPanel Please try to set the Skin property of The RadAjaxLoadingPanel as follows.

ASPX:

<telerik:RadAjaxLoadingPanel ID="RadloadPanel" runat="server" AnimationDuration="10"
    MinDisplayTime="5" BackgroundPosition="Center" Skin="Default">
</telerik:RadAjaxLoadingPanel>

Thanks,
Shinu.

[Kevin]

Ok, i see it show shte loading in the middle of the text box, this will do. thanks.