Page disappears on postback

3 posts, 1 answers
  1. Kevin
    Kevin avatar
    265 posts
    Member since:
    Jun 2011

    Posted 06 May 2014 Link to this post

    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>
























  2. Answer
    Shinu
    Shinu avatar
    17764 posts
    Member since:
    Mar 2007

    Posted 07 May 2014 in reply to Kevin Link to this post

    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.
  3. UI for ASP.NET Ajax is Ready for VS 2017
  4. Kevin
    Kevin avatar
    265 posts
    Member since:
    Jun 2011

    Posted 07 May 2014 in reply to Shinu Link to this post

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