This article shows you how to use the DNM FORM2EMAIL to create simple yet customizable forms on DNN websites.

Step 1: Accessing the Edit page

To access the Edit page and start creating and modifying the forms hover on the Manage button and click on Edit DNM FORM2EMAIL.

Step 2: Creating a new form

When a new page from the previous step is shown, click on the Add New Form... link. A new textbox and button appear. Enter the name of the form and click on the Add Form button to add the form. 

Step 3: Selecting a form to modify

Each form is visible in the table of the forms. In order to delete a form, click on the Delete link next to the form. Clicking on the Select link opens up the editing and settings panels. The options are Form, Email Template, Preview and Settings. 

Step 4: Adding the form template

Click on the Form link from the options. In this section the HTML for the code should be entered. Special code which the DNM FORM2EMAIL is able to parse should also be entered here. This section accepts HTML content of how the form in the actual web page will look like. Click on the Save Form Template button to save the form.

Note: For a detailed description on the syntax of the controls used (textbox, dropdown, etc.) please refer to the DNM FORM2EMAIL Documentation. 

Step 5: Adding the email template

The Email Template section should contain the HTML code used in the email that is sent when a form is submitted. In order to pick up values from the elements of the actual form use add an '@' sign to the control id. Click on the Save Email Template button to save the email form. 

e.g. if the control in the FORM was listed as [textbox::ID=txtName], then reading its value in the EMAIL TEMPLATE should be written as [@txtName]

Step 6: Previewing the form

This section lets you view a fully working version of the form including validators, XML as well as the actual email sending and receiving. 

Step 7: Modifying settings

The last section called Settings lets you modify the settings of the form. 

One important setting is the Page setting. This dropdown shows the list of available pages in which the current form can be added. 

Click on Save Settings to save the settings for the form. 

Note: For a detailed description on available settings please refer to the DNM FORM2EMAIL Documentation.  

Step 8: Viewing the form

The last step in using this module is to access the page which contains the DNM FORM2EMAIL. Therefore if our form has been set to show on Getting Started, all we need to do is access the Getting Started page and view our form (provided that the DNM FORM2EMAIL module has already been added to this page).