View the Questionnaire Demo

View the Quiz Demo (Scoring: one correct answer)

View the Health Survey Demo (Scoring: answers weighted from 0 to 3)

Questionnaire Instructions: No Scoring

1. Create a Form in CformsII. Add the form to a WordPress page or post. Click for more information on creating a CFormsII form.
   
   Here’s what the demo Questionnaire looks like in the CForms Designer:
2. The survey results will be sent to the admin’s email account and the user’s email with the CC option.

Quiz Instructions: Scoring is Involved

1. Create a Form in CformsII. Add the form to a WordPress page or post. Click for more information.
   
   Remember the form number and field numbers.

   This form below is form #8 and the quiz includes fields 4 through 8.

   Each of the radio button answers are set up with a value = 1 for the correct answer and a value = 0 for the incorrect answer.

   

2. Edit my-functions.php .
   • Use the editor of your choice to edit wp-content/plugins/cforms/my-functions.php.
     OR
     Go into Plugins->Editor. Select plugin to edit: cforms. Click the cforms/my-functions.php file near the bottom of the long list of files.
   • The my-functions.php file has sample code for numerous actions. For example setting the redirection link, or changing an email address. By default, these functions are commented out.
   • Define my_cforms_logic to change the success message. In this example, the values for fields 4, 5, 6, 7, 8 are totaled. Correct answers have a value of 1 and incorrect answers have a value of 0 so the total represents the score.
   • Within the my_cforms_logic function, there are several ways to access the field data. In this example, the field value is referenced using it’s field number when combined with $$$.
   • To see the variables that hold field data use the @email function. The results will be sent to email.
3. Save Changes to the server
4. Run the form.

Here’s the code:

 
function my_cforms_logic($cformsdata,$oldvalue,$setting) {
 
   // Form number 7 is the Health Quiz:  the radio button value is weighted from 0 to 3.  This value gets added for a total score.
    if (( $cformsdata['id']==7 ) && ( $setting == "successMessage" )) {
         ### note: '$$$mypick' references the ID of the HTML element and has been assigned
         ### to the drop down field in the form configuration, with [id:mypick] !
	 $form   = $cformsdata['data'];
 
	 $total = $max = 0;
         $ptsPossible = 3;
 
	 for ($i = 4; $i <= 8; $i++) {
	 	$curField = '$$$' . $i;
	 	$total += $form[$form[$curField]];
                $max += $ptsPossible;
	 }
 
         $yourScore = "<p>You scored " . $total . " out of " . $max . "</p>";
	 if ( $total >= 12 )
	        return $yourScore . ' <p>Good Work!  Keep up your healthy eating habits</p> ' . $oldvalue ;
         else if ($total >=8)
                return $yourScore . ' <p>Your score indicates a need for improvement.  Try adding some healthier elements to your diet.</p> ' . $oldvalue ;
         else 
               return $yourScore . ' <p>Your score shows a need for improvement.  Try adding some healthier elements to your diet:  Whole wheat cereals and breads are found to reduce heart disease.  Fish such as salmon and halibut have large quantities of omega-3 fatty acids.  These can reduce cholesterol.  USDA recommends 20% of your total daily intake of fat.  Especially the unsaturated fats found in plants.</p> ' . $oldvalue;
 
//@mail('your@email.com', 'cforms my_filter_nonAjax test', 'Form data array (nonAjax):'.print_r($cformsdata,1), 'From: your@email.com');
	}
 
         // Form number 8 is the TV Questionnaire:  the radio button value: 0 = wrong, 1 = correct.  This value gets added for a total score.
         if (( $cformsdata['id']==8 ) && ( $setting == "successMessage" )) {
 
		### note: '$$$mypick' references the ID of the HTML element and has been assigned
                ### to the drop down field in the form configuration, with [id:mypick] !
		$form   = $cformsdata['data'];
 
		$totalCorrect = 0;
		$total = 0;
 		for ($i = 4; $i <= 8; $i++) {
		         $curField = '$$$' . $i;
		         $totalCorrect += $form[$form[$curField]];
                         $total++;
 		}
 
                $percent = ($totalCorrect / $total) * 100;
                $yourScore = "<p>You scored " . $totalCorrect . " out of " . $total . ".  That's " . $percent . "%!</p>";
		if ( $total >= 4 )
	               return $yourScore . ' <p>Good Work!</p>' . $oldvalue ;
		else
		      return $yourScore . ' <p>Better Luck Next Time!</p>';
 
		//@mail('your@email.com', 'cforms my_filter_nonAjax test', 'Form data array (nonAjax):'.print_r($cformsdata,1), 'From: your@email.com');
	}
	return $oldvalue;
}

1. Install the CFormsII Plugin.

2. Bring up CFormsII in the WordPress administrator. CFormsII link is in the main WordPress menu. Look for the icon:


3. Label fields: (Add fields as needed.)
Add any fields needed. Dropdown fields, edit fields, etc.
For Select Box separate options with a # for example: Type of Contact#Website#Blog#Flash.

VIEW THE CONTACT FORM WITH SELECT BOX

How to use the “Multiple form mail recipients” dropdown option:
Select field type Multiple Recipients. Click the Edit button. Enter the option name to be displayed in the drop down, then beside the name add the email address into the optional value field.

4. Create a new Page (or Post) to hold the Contact Form

• Bring up the Pages menu on the main WordPress menubar.
• Click the “Add New” Link.
• Label the page something like “Contact Information”.
• Add the Contact form by clicking in the page content area and press CForms button then insert. A string of code will be added to your page that looks something like this: <– cforms name=”contactpage”–>

The CForms button isn’t necessary. There are times I don’t see the CForms button in Edit Page and Edit Post. Just add this line of code into your page or post:

<!--cforms name="contactpage"-->

Where “contactpage” is the name of the CFormsII form you created.

• Call this page to bring up the Contact Form. Here’s how I bring up my new Contact Form: www.janbthomas.com/jansblog/defaultcontact/

5. Create a Success Page for the Contact Form: (optional)
Core Form Admin -> Redirect
Select: Enable alternative success page.
URL: Create an html file to display a Thank you message. Add it to the themes directory.
[This step isn't required. This option is used to hide the contact form on success and replace it with a simple "Success" page.]

VIEW DEMO OF CONTACT WITH REDIRECT

6. As an alternative, create a template customized for the Content Form. For example, a template could be created without the menus and banners. Once created, add this template into the themes directory, and into the Content Information Page.

7. Here’s another option: bring up the contact form in a popup window. Use this HTML code to create a link to the new Contact Form:

<a class="postLink" href="#" 
onClick="window.open('http://www.janbthomas.com/jansblog/contact/', 'Contact Us','toolbar=yes,location=yes,directories=no,status=no, menubar=yes,scrollbars=no,width=500,height=500,top=100,left=250');"/> 
Contact Jan </a>

Here’s the final result: Contact Jan

For a more detailed description: View Popup Window Post

Tips for CMS:

• Use Permalinks to create a more traditional URL.
  Log In as administrator and change the blog settings:
  Settings -> Permalinks
  Custom Structure: /%postname%/
• Create a Home Page and set this as the Front Page:
  Settings -> Reading Settings
  A Static Page
  Front Page: (home page name)
• Keep the number of Plugins to a minimum.
• Get familiar with the themes directory
  Especially these files:
  header.php
  sidebar.php
  footer.php
• Customize Static Pages by Adding a Template Page to the themes directory
  Add the following comment to the top of the php file to label the template:< br/>
  /*
  Template Name: Home Page
  */
  Now you can select this Home Page template when editting a static page in WordPress.

The indentation is a separate issue.  I was reading that most bloggers don’t indent their paragraphs.  But if you want to indent a paragraph you use the style.css and add

text-indent: 20px;

For my template, posts are defined by the CSS class: storycontent so that’s where I would add the text-indent line to my style.css file.