Web Services Blog

Build a simple email feedback form

This code will build a simple form requesting Name, Email and Feedback information. The code must be entered into Cascade from the html editor, not from the WYSIWYG editor. Open the html editor by selecting the html button on the WYSIWYG toolbar. Copy the following text in red into the “body” or “content” section of your form page, where you want the form fields to go.

<form action=”http://www.clemson.edu/cgi-bin/formail.cgi” method=”POST”>

<label><strong>Name: </strong>
<input id=”realname” maxlength=”50″ name=”realname” size=”40″ /> </label>
<label><strong>Email:</strong> <input id=”email” name=”email” size=”50″ /> </label> <label><strong>Feedback</strong></label>
<textarea id=”feedback” cols=”45″ rows=”4″ name=”feedback”></textarea>

<!– CONFIGURATION AREA –>

<input name=”subject” type=”hidden” value=”Subject Line of Email” />
<input name=”redirect” type=”hidden” value=”http://www.clemson.edu/xxx” />
<input name=”recipient” type=”hidden” value=”Your Email Address Here” />
<input name=”required” type=”hidden” value=”email,realname,feedback” />

<!– END CONFIGURATION AREA –>

<input name=”submit” type=”submit” />

</form>

Once the form code is copied into the html editor, edit the values located in the “Configuration Area” to customize the form results you will receive via email when the form is completed and submitted.

The value=”Subject Line of Email” refers to the text that will be displayed in the Subject: field in the email messages you receive when the form is submitted. Edit this code to customize the subject line.

The value=”http://www.clemson.edu/xxx” refers to a web page, such as a thank you page, that will load automatically when the form page is submitted. Edit this code and replace the xxx with the system name of the thank you page.

The value=”Your Email Address Here” refers to the email address of the person who will receive the form results. Edit this code and replace with a valid email address.

The value=”email,realname,feedback” refers to the fields in the form that must be filled in order to submit. These values must match the values of the field names

For more information about additional optional fields to configure the form, please see the content under the heading “Optional Form Fields:” at http://www.scriptarchive.com/download.cgi?s=formmail&c=txt&f=README

Create a Web form with Google Docs

Google users who have a valid Google account (can be a personal or a Clemson Google account) can create Google documents, spreadsheets and presentations similar to those created in Microsoft Office. Word and Excel files can be uploaded to Google Docs. Forms can be created from the Docs list or from any spreadsheet. Google provides several forms templates that can be used for easy form creation.

To access Google docs, launch your Web browser and point to http://docs.google.com. Log in with your Google userid and password. Help with Google docs, including Forms, can be found at http://docs.google.com/support.

Results from the form will be automatically entered into a Google Spreadsheet. Form results can be viewed in summary form or in the Google spreadsheet. Respondents will receive a confirmation message once they submit the form.

Create a new form from your Docs list:

Choose New > Form

Image

In the form template that opens, add your questions and options.

Image

Choose Save to save your form.
Choose Email this form.
Add email addresses for your desired recipients.
Choose Send.

Create a new form from a spreadsheet:

Open the spreadsheet that you wish to convert to a form.
Choose Form > Create a form.

Image

Edit and/or add questions, choosing your preferred question type.
Choose Save to save your form.
Choose Email this form.
Add email addresses of your desired recipients.
Choose Send.

Email form from the spreadsheet view:

Open the spreadsheet that you have already converted to a form.
Choose Form > Send Form.
Add email addresses of your desired recipients.
Choose Send.

Image

Edit an existing form:

To edit a question, choose the Edit button on the right of the question to be edited.
To delete a question choose the Delete button on the right of the question to be deleted.
To duplicate a question choose the Duplicate button to the right of the question to be duplicated.

Image

Create multiple-choice questions:

Choose the Add Question button at the top of the editor.
Enter the question into the Question Title box.
Enter additional information in the Help Text box.
Select the Multiple Choice option in the Question Type drop down menu.

Image

Enter one answer choice in each box, creating additional boxes as needed.
Choose the add “Other” link to add an empty box that respondents can use to add their own answers.
Check the Make this a required question box if you want to require that the respondent choose and answer before the form can be submitted.

Edit the confirmation message:

Choose More Actions > Edit confirmation.
Edit the text in the confirmation message.
Choose Save.

Image

Embed your form in a Web page:

Create your form and save it.
Choose More Actions > Embed.
Copy the URL from the Embed window and paste it into your Web page.

Image

Spreadsheet tips:

Insert columns to contain your own content next to form responses, such as for calculations, notes, or lookups.
Insert rows of information at the top – below the column headers (questions) and ABOVE the area where data is collected. The form responses will always be inserted in the first available/blank row.
Insert new sheets or move sheets. Responses will continue to be automatically entered in the same sheet.

To see the results of a form, open the original spreadsheet. It’s a good idea to use the same name for the form as your spreadsheet, so it’s easier to find.

Remember, the spreadsheet row, cell and column limits apply to the spreadsheets attached to your forms too.

Enable your pdf form to be edited with Adobe Reader

Create your pdf form in Acrobat Professional 8 or higher. Acrobat Professional 8 is the first version that provides a feature for pdf form fields to be filled in and saved using Adobe Reader.

A pdf form is simply a pdf file that contains form fields. In Acrobat Professional Version 8 or higher, you can create a pdf form from a blank page, an existing pdf file or a scanned document.

Ordinarily, Adobe Reader users can’t save filled-in copies of forms that they complete. You can now extend rights to Adobe Reader users so they have the ability to fill in and save pdf forms. These extended rights also include the ability to add comments, use the Typewriter tool, and digitally sign the pdf.

Create a new form in Acrobat Pro:

From a blank page:
1. File > Create PDF > From Blank Page.
2. Add text and form fields to manually build the pdf form.
3. Save the pdf form.
4. Choose Advanced > Enable Usage Rights in Adobe Reader to allow Adobe Reader users to fill in the form and save it.

From an existing pdf:
1. Forms > Create New Form.
2. Choose Start with a PDF document to initiate the New Form Assistant.
3. Choose Continue.
4. Browse for and then select the pdf that you want to turn into a form.
5. Choose Open.
6. Choose Next.
7. The New Form Assistant imports your pdf and prepares it for entering form fields. Choose Next.
8. Choose Run Auto Field Detection if available, to allow the New Form Assistant to scan your pdf and automatically create form fields.
9. Choose Place Fields by Hand if you prefer to create your form fields manually.
10. Choose Next.
11. Add form fields to your pdf file.
12. Save the pdf form.
13. Choose Advanced > Enable Usage Rights in Adobe Reader to allow Adobe Reader users to fill in the form and save it.

The enabled usage rights are applied only to the current pdf form. You must enable the usage rights each time you create a form and wish to enable Adobe Reader users to save their own filled-in copies of that pdf form.

Once your form is completed you can create a link to it on your Web site, or email it as an attachment. The form can be downloaded and filled in using Adobe Reader and saved with all the information.