DMXzone Ajax Form Manual

The Basics: Basic Usage of DMXzone Ajax Form

In this tutorial we will show you how to use the DMXzone Ajax Form and the basic features packed in it.

*You can also check out the video.

How to do it

1. We've already added a simple form that contains four fields. Select the form (1), click the Insert button (2) and choose DMXzone Ajax Form icon (3).

2. The DMXzone Ajax Form is now wrapping our form and in the property inspector we will adjust its settings.
    

3. You can set a form action, which attribute specifies where to send the form-data when a form is submitted. We leave it blank as we want it to be sent on the current page.

4. We choose to send our form data as HTTP post transaction and for that reason we select the Post form method.
   
   

5. Select the Enctype of your for form if you need an encoding upon submitting it to the server. Note that it only works with the Post form method. For our showcase we leave it empty.

6. You can choose whether to hide or clean the form after submission. In our case we only want to hide it.
   
   

7. There are 3 sections that you can customize – the Form, Error message and the Success message.  The Form section allows you to edit your form title, description and fields.

8. Select Error in order to preview the predefined error message that will be shown if there is an error with the submission of the form. This is the default Error section that shows the errors, which can also be styled in a way that it matches your website design.

9. The Success section previews the predefined success message that will be shown when the form is successfully submitted.  It's also fully customizable and allows you to add your own text or edit the default one.

10. Now you can save your work and preview the result in the browser.