Online Forms - Revision history

WikiSysop at 16:20, 8 July 2013

2013-07-08T16:20:05Z

WikiSysop: /* Results */

2012-12-28T20:02:30Z

‎Results

WikiSysop at 13:42, 10 October 2012

2012-10-10T13:42:35Z

WikiSysop at 20:38, 14 November 2011

2011-11-14T20:38:05Z

Show changes

WikiSysop at 18:18, 22 July 2009

2009-07-22T18:18:02Z

WikiSysop at 13:07, 13 July 2009

2009-07-13T13:07:23Z

WikiSysop: Created page with 'Online Forms Category:Design'

2009-06-25T10:46:33Z

Created page with 'Online Forms Category:Design'

New page

Online Forms

[[Category:Design]]

@@ Line 1: / Line 1: @@
 == Overview  ==
-This application allows you to build Online Forms to collect various data from your visitors. You can use one the form templates to create your form, but there is also a&nbsp;drag-and-drop feature for additional elements.&nbsp;You can add any&nbsp;of the following&nbsp;elements to your form:
+This application allows you to build Online Forms to collect various data from your visitors.Online forms will provide with you with an easy to use template to create the specific forms you may need. Click Get Started to begin!&nbsp;
-*Text
+== Create New Form  ==
-== <br>Create New Form  ==
+=== Add Field&nbsp; ===
-<br>Create HTML forms in order to collect certain data from your Website visitors.&nbsp;You can choose one of the following template designs:
+To create a template form you willl begin by selecting what type of data you may want. Choose from the following fields:&nbsp;
-*'''No Template'''- opens a blank page.
+*Single Line Text&nbsp;
-*'''Blank&nbsp;Email '''- opens a page with an Email field and Submit button.
+*Paragraph Text&nbsp;
-*'''Contact Request '''- opens a page with First Name, Last Name, Country, State, ZIP code, Address, Email fields and a Submit button.
+*Full Name&nbsp;
-*'''Feedback '''- opens a page with first Name, Last Name, Email and a multiline text box and a Submit button.
+*Street Address
-*'''Support Request '''- opens a page with a Full Name, Email and multiline text box and a Submit button.
+*State/Zip Code&nbsp;
-Creating an online form is accomplished through the Create New Form wizard. You can access the wizard form the Main Menu page. You can also start the wizard by selecting Add new Form from the Manage Forms page.
+=== Field Settings&nbsp; ===
-<br>
+Next you will have to adijust the field settings. I.e. what fields are required to be fille out. You may also add a field or duplicate the field you are highlighted on.&nbsp;
-===== To Start the Create New Form Wizard  =====
+=== Form Settings &nbsp; ===
-*On the Main Menu page, click '''Create New Form'''.
+This section will allow you to add a title and description to your form. This title will help you identify your templates for future reference. You will also be able to adjust the follwoing:&nbsp;
-- or-
+*Background Colour&nbsp;
-*On the Manage Forms page, click '''Add new Form'''.
+*Choose the colours you want from the palette on the right.&nbsp;
-- or-
+Once you have adjusted all of your setting and added all necessary fields click '''Save Form'''.&nbsp;<br>
-*click the '''New Form '''tab.<br>
+== Manage &nbsp;Forms  ==
-===== To Create a New Form  =====
+The Manage Forms page allows you to search for all your form templates and select which one you want to work with. They will be sorted by name and date. You can edit forms, change settings, publish, download or delete any forms here.&nbsp;
-''Choose template''
+<br>
-''Design Form''
+=== To Edit Forms&nbsp; ===
-#On the Create New Form page, click on a form element&nbsp;and drag it to the board.
+#Select the form you want to work on&nbsp;
-#To edit the label, click on the added element.
+#Click '''Edit Form'''&nbsp;
-#To edit the element properties, click [[Image:Untitled1.JPG]].
+#Make necessary changes and select '''Save Form&nbsp;'''
-== Manage Created&nbsp;Forms  ==
+<br>
-The Manage Created&nbsp;Forms page&nbsp;allows you to change your from settings or&nbsp;publish, download or delete your forms.
+=== Publish Forms&nbsp; ===
-===== <br>To Edit&nbsp;Form Elements  =====
+To publish your form to your website you have two options:&nbsp;
-#On the Main Menu, click Manage Created Forms.
+#Select '''Publish''' when you hover over the manage button OR&nbsp;
-#Click the [[Image:Untitled1.JPG]]&nbsp;of the from you want to edit.
+#Click your form title, then select '''Publish '''once you are viewing your form.&nbsp;
-#When the edits are complete, click Save or Publish Form.<br>
+Once you select Publish you will be prompted to confirm '''Yes''' or '''No''' where you want this specific form published.&nbsp;<br>
-===== To Edit Form Settings  =====
+=== Download HTML&nbsp; ===
-#On the Create New from page, click '''Edit Form'''.
+To donwload an HTML version you can either:&nbsp;
-• Click “close” to exit from this page.
+#Select Download HTML when you hover over the manage button OR
-'''Not'''e: If you click Close without clicking Apply,&nbsp;your changes will not be saved.
+Both ways will download an HTML version of your form.&nbsp;
-&nbsp;
+=== Delete a Form&nbsp; ===
-*Click on “[[Image:Untitled16.JPG]] ” to publish your form.
+To delete one of your forms:&nbsp;
-===== <br>'''To View your Form in HTML&nbsp;format'''  =====
+#Go to Manage Forms&nbsp;
+#Find the form your want to delete&nbsp;
-&nbsp;
+#Hover over the mange button and select '''Delete Form&nbsp;'''<br><br>
 [[Category:Design]]

@@ Line 108: / Line 108: @@
 <br>
-== <br>'''Results'''  ==
+== <br>'''Results (for v1.0 only)'''  ==
 Choose the format and download the results for a form you have created and published.
 [[Category:Design]]

@@ Line 1: / Line 1: @@
 == Overview  ==
-This application allows you to build Online Forms to collect various data from your visitors. You can use one the form templates to create your form, but there is also a&nbsp;drag-and-drop feature for additional elements.&nbsp;You can add any&nbsp;of the following&nbsp;elemeents to your form:
+This application allows you to build Online Forms to collect various data from your visitors. You can use one the form templates to create your form, but there is also a&nbsp;drag-and-drop feature for additional elements.&nbsp;You can add any&nbsp;of the following&nbsp;elements to your form:
 *Text

@@ Line 73: / Line 73: @@
 . Upon submitting the form the users will be displayed with the text you enter here.
-. If you would like to be sent and email when a form is submitted please choose “yes” form the drop-down menu.
+. If you would like to be sent an email when a form is submitted please choose “yes” form the drop-down menu.
 . If you chose “Yes” in step 8 please enter an email address here. This will be the email address where you will be receiving submissions.

← Older revision		Revision as of 13:07, 13 July 2009
Line 1:		Line 1:
−	Online Forms	+	This tool enables you to build Online Forms to collect various data from your visitors.
		+
		+	<br> '''Create new form'''
		+
		+	<br> Create HTML forms in order to collect certain data from your website visitors.
		+
		+	<br> ''Step 1 Choose form template''
		+
		+	<br> 1. Select a template for your form.
		+
		+	2. Click “Next” to proceed to the next step.
		+
		+	<br> ''Step 2 Choose form template''
		+
		+	<br> Drag-and-drop form elements to the board in order to create your form. Edit, delete, sort form-elements. To change form settings use "Edit Form" button.
		+
		+	<br> 1. Click on a form element within the “Form Elements” list to the right of the page and drag it to the board.
		+
		+	<br> 2. Click on the added element and click on [[Image:Untitled1.JPG]] in order to edit the element.
		+
		+	<br>
		+
		+	• Click on[[Image:Untitled15.JPG]] in order to delete the element from the board.
		+
		+	• Click on “edit Form” in order to change the settings of your form.
		+
		+	<br>
		+
		+	When you are done click on “Next” to proceed to the next step.
		+
		+	<br> 3. This window will confirm the form creation and gives you two options:
		+
		+	• Clicking on “Create new form” will take you to step 1 in the “Create new form” section
		+
		+	• Clicking on “Manage your forms” will take you to the “Manage Forms” section where you can manage your forms.
		+
		+	<br>
		+
		+	'''Manage Forms'''
		+
		+	<br> In this section you can change settings, publish, download or delete your forms.
		+
		+	<br> ''Add new form''
		+
		+	<br> 1. Click on “Add new form” in order to add a new form. You will be taken to step 1 in the “Create new form” section
		+
		+	<br> ''Edit form''
		+
		+	1. Click on[[Image:Untitled1.JPG]] in order to edit your form. Your form will open in a window.
		+
		+	• Click on “Save” to save the changes you made.
		+
		+	• Click on “Publish form” if you want to publish your form.
		+
		+	• Click on “Edit Form” in order to change the settings of your form.
		+
		+	<br>
		+
		+	''Edit form''
		+
		+	<br> 1. Enter a name for your form.
		+
		+	2. Choose a background color for your form.
		+
		+	3. Choose font type using the drop-down menu.
		+
		+	4. Choose font size to be used in your form.
		+
		+	5. Choose font color for your form.
		+
		+	6. Enter a location where you would like the submissions to be redirected to once the users submit the form.
		+
		+	7. Upon submitting the form the users will be displayed with the text you enter here.
		+
		+	8. If you would like to be sent and email when a form is submitted please choose “yes” form the drop-down menu.
		+
		+	9. If you chose “Yes” in step 8 please enter an email address here. This will be the email address where you will be receiving submissions.
		+
		+	10. If you want to add another person besides yourself that will also receive submissions, please enter their email address in the “CC Email” text box.
		+
		+	11. Click “Apply” to save the changes you made.
		+
		+	• Click “close” to exit from this page. '''Please not'''e that if you click “close” your changes will not be saved.
		+
		+	<br> '''Publish'''
		+
		+	<br> 1. Click on “[[Image:Untitled16.JPG]] ” to publish your form.
		+
		+	<br> '''HTML'''
		+
		+	<br> 1. Click on “[[Image:Untitled12.JPG]] ” in order to view your form.
		+
		+	<br> '''Remove'''
		+
		+	<br> 1. Click on “ [[Image:Untitled15.JPG]]” to delete a form your list of existing forms.
		+
		+	• Click “Apply” to save the changes you made
		+
		+	• Click” Cancel” to dismiss the changes you made.
		+
		+	<br>
		+
		+	<br> '''Results'''
		+
		+	<br> Choose the format and download the results for a form you have created and published.

	[[Category:Design]]		[[Category:Design]]