How to enable AJAX mode in web forms

[wfg-admin]

Using the Form Designer

If you’re using the Form Designer, enable AJAX mode by opening the Form configuration panel and checking Enable AJAX mode on the General tab.

Note: AJAX mode is available in the Form Designer as of WorkflowGen version 6.0.

Using Visual Studio

If you’re using Visual Studio to develop a custom ASPX form in AJAX mode, follow the instructions below.

1. In the <form runat="server"> element, add a ScriptManager at the beginning of the form and wrap all the form content in the contenttemplate of an UpdatePanel.

   Example

   <form id="form1" name="form1" runat="server">
       <asp:scriptmanager id="ScriptManager1" runat="server"> </asp:scriptmanager>
       <asp:updatepanel id="UpdatePanel1" runat="server">
           <contenttemplate>
               ... form content ...
           </contenttemplate>
       </asp:updatepanel>
   </form>
   

   Note: The name="form1" attribute is required in WorkflowGen version 5.7, but is optional in version 6.x.

2. Since standard FileUpload controls are not supported inside the UpdatePanel, use our custom WorkflowFileUpload user control for your attachment needs.

3. Add the following line in the page constructor to prevent an issue caused by WorkflowGen with the GridView when updating a row:

   this.UseClientSideOptimization = false;
   

   You’ll see no difference at runtime, since all this does is prevent a postback when clicking the Update button and the validation fails. The UpdatePanel already prevents postback.

4. Register the postback triggers either in the Page_Load event or directly in the ASPX page.