DMXzone Ajax Form Manual

Advanced: Showing Custom Content When the Form is Submitted

In this tutorial we will show you how to show custom content on your page when the form is submitted using DMXzone Ajax Form.

*You can also check out the video.

How to do it

1. We already added a simple form wrapped with DMXzone Ajax Form.

2. We created an AP Div with and ID #thankyou that holds a message that we want to show to the customers when the form is submitted (1). Also we want our welcome message to appear into a Div with an ID #show (2).
    

3. Click the DMXzone Ajax Form label (1) and in the Set target field enter the ID of the Div (2) that will show the thank you message after the form is submitted. In our page the Div has an ID #show.
   
   

4. In the Get Response field enter the ID of the HTML element that holds the thank you message. On our page this Div has an ID #thankyou.
   
   

*Note: If you have an Action page set, you can:

1) Use the Get Response field with an HTML element that has an #id from it.

2) Leave the Get Response field empty in order to show the whole action page into the Set Target Div.

5. Now, we are going to hide our Thank You message as we don't want it to be visible before the form is submitted. Click the AP Elements button (1) and set the visibility to hidden (2).

6. Close the AP Elements panel, save your work and preview the result in the browser.