well really thats not flash scott, it's the new coldfusion. Actually, it's a lil bit of the flex engine in there to do that and the new reporting feature along with flashpaper production. That form canalso be changes to an xml form but just changing the variable from flash to xml and fully skinnable.
heres the entire code for that page with the form
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Contact Form</title>
</head>
<body>
<cfform format="flash" skin="haloblue" width="500" height="400" action="sendMail.cfm" preservedata="yes">
<!--- set the form to have tabs --->
<cfformgroup type="tabnavigator">
<!--- set the page value - give the tab a label --->
<cfformgroup type="page" label="Personal Details">
<!--- Set the form alignment --->
<cfformgroup type="horizontal">
<!--- Open the first tabs contents --->
<cfinput name="FirstName" type="text" label="First Name" required="yes" message="First Name" width="60" />
<cfinput name="LastName" type="text" label="Last Name" required="yes" message="Last Name "width="60" />
<cfinput name="Gender" type="text" label="Gender" required="yes" message="Gender" width="60" />
<!--- close the first tabs contents --->
</cfformgroup>
<!--- close the first tab --->
</cfformgroup>
<!--- Second tab set --->
<cfformgroup type="page" label="Age">
<cfformgroup type="horizontal" label="Select your Age group: ">
<cfinput name="Age" type="radio" label="13-17" value="13-17" />
<cfinput name="Age" type="radio" label="18-30" value="18-30" checked="yes" />
<cfinput name="Age" type="radio" label="31-40" value="31-40" />
<cfinput name="Age" type="radio" label="41 and over" value="41 and over" />
</cfformgroup>
</cfformgroup>
<!--- Third tab set --->
<cfformgroup type="page" label="Contact Details">
<cfformgroup type="horizontal">
<cfinput name="eMail" type="text" label="Email" width="110" required="yes" validate="EMAIL" message="Valid Email" />
<cfinput name="telephone" type="text" label="Telephone" mask="(999)999-9999" width="110" />
<cftextarea name="comment" label="Comments" required="yes" message="Comment" maxlength = "250" height ="150" width="250" validate="maxlength" wrap="virtual"></cftextarea>
</cfformgroup>
<!--- Begin Binding --->
</cfformgroup>
<cfformgroup type="page" label="Done">
<cfformgroup type="horizontal">
<cfformitem type="text">Please verify your information then Submit the form</cfformitem>
</cfformgroup>
<cfformgroup type="horizontal">
<cfformitem type="text" name="FirstName" bind="First Name: {FirstName.text}"> </cfformitem>
</cfformgroup>
<cfformgroup type="horizontal">
<cfformitem type="text" name="LastName" bind="Last Name: {LastName.text}"></cfformitem>
</cfformgroup>
<cfformgroup type="horizontal">
<cfformitem type="text" name="Gender" bind="Gender: {Gender.text}"></cfformitem>
</cfformgroup>
<cfformgroup type="horizontal">
<cfformitem type="text" name="Age" bind="Age: {Age.selectedData}"></cfformitem>
</cfformgroup>
<cfformgroup type="horizontal">
<cfformitem type="text" name="eMail" bind="Email Address: {eMail.text}"></cfformitem>
</cfformgroup>
<cfformgroup type="horizontal">
<cfformitem type="text" name="telephone" bind="Tel No: {telephone.text}"></cfformitem>
</cfformgroup>
<cfformgroup type="horizontal">
<cfformitem type="text" name="comment" bind="Comment: {comment.text}"></cfformitem>
</cfformgroup>
<cfinput type="submit" name="submit" value="Send Details" />
</cfformgroup>
<!--- Close the tabnavigator --->
</cfformgroup>
</cfform>
</body>
</html> |
