EverWeb Widgets

Expanded Contact Form

Expanded Contact Form

Contact Form

The contact form has just a name field and submit button by default. More fields are added as required using the EverWeb Widget API Assets List.
The Text field for a message is also optional and has a control for adjusting its height.
When the form is submitted, it can display a success message like the EverWeb default contact form widget. This is not particulary useful as, in many cases, it is necessary to redirect visitors to another page of the site for more information or to allow them to download a "gift" as a reward for sending the form.
Redirect
This form adds a checkbox to switch the message function to a redirect which sends the visitor to the page whose URL is entered in the box provided.
Styles
As can be seen from the example above, the form as quite a few styling options including the ability to add a fielset (border) with a legend to describe the form's purpose. The submit button can be syled to suit the page design and can be aligned left or right.
Adding Inputs
Inputs are added using the Widget API Assets list using the steps shown below …

  • Click the "Add" button and select the entry which appears in the list
  • Enter the required label for the field
  • Select a suitable description of the input from the "Description" drop down list.
  • Select the input type. The choices are - text, email, tel, url, number, or date
  • Select the entry in the list again and it will be editable to insert a name or number for easy identification
  • Repeat the process to add more fields up to a maximum of twelve

© EverWeb Widgets -