Here's what my form looks like:
http://dba2020.com/FormImages/dba2020form.png
The first thing you need to do (as explained in many places on the CC site) is to create a “Form Container”. Here's how I finally set it up to make it work. Please note: My email sending file is contact.php. I finally added that name to the container's action. Then all started working.
http://dba2020.com/FormImages/FormContainer.png
The next thing that you need to do is create an HTML Element inside the Form Container. Once you insert the element then you have to add your html code to it. The only code I entered into the HTML box was the table to create the fields of the form.
http://dba2020.com/FormImages/HTMLElement.png
The next part was the tricky part. It was getting the buttons into the correct location. I used CC RSD Submit Buttons. They need to be inside the Form Container not the HTML Element's field.
http://dba2020.com/FormImages/SubmitButton.png
Please note the classes, ID, Text, Form and Action, Method and Enctype. The way you label each is very important. As you see in my Action, I have a php file that does all the work. I'm not sure if I need it here and in the Container's Action-Testing that later. It's working now.
The Form's Table code is fairly straight forward. Here's my code:
<tr>
<td valign="top">
<label for="first_name">First Name *</label>
</td>
<td valign="top">
<input type="text" name="first_name" maxlength="50" size="30">
</td>
</tr>
<tr>
<td valign="top"">
<label for="last_name">Last Name *</label>
</td>
<td valign="top">
<input type="text" name="last_name" maxlength="50" size="30">
</td>
</tr>
<tr>
<td valign="top">
<label for="email">Email Address *</label>
</td>
<td valign="top">
<input type="text" name="email" maxlength="80" size="30">
</td>
</tr>
<tr>
<td valign="top">
<label for="telephone">Telephone Number</label>
</td>
<td valign="top">
<input type="text" name="telephone" maxlength="30" size="30">
</td>
</tr>
<tr>
<td valign="top">
<label for="comments">Comments *</label>
</td>
<td valign="top">
<textarea name="comments" maxlength="1000" cols="25" rows="6"></textarea>
</td>
</tr>
<!-- <tr>
<td colspan="2" style="text-align:center">
<input class="button-submit-1" id="submitButton" type="submit"><img src="images/confirm.gif"></input><input class="button-submit-2" id="clearButton" type="reset" value="Clear">
</td>
</tr> -->
</table>
Please notice that I commented out the Submit and my Reset buttons. Submit and Clear is to be handled by the CC elements. I'm still working on the Clear button. All I want it to be is a Type=”reset” button. I want to avoid using javascript to set it up as such. I also found a contact.php file on the internet. It works as expected and seems to have fairly secure code.
I did find several explanations about using CC's Web Form maker. But since I didn't have WFD, I dug around on the web for the code. I'm using the trial version of RSD. Most of the images I posted were taken on various trips. I did use the free ones furnished with the RSD install. All in all, It does make a “pretty” site with a “modern” look.
Since I'm still reeling from my sites being "JACKED" - hijacked by malicious hackers. One of the questions that I ask was about the security of the code created by RSD. The response was; "because most of the “published” code is HTML then it “should” be secure." It then depends on the complexity of my passwords (and my blocking “prying” eyes from seeing them). Of course, If I add weak code then I could compromise the security of my sites.
When my coffers are refilled, I'm sure I will be springing for my official copy of RSD. I've been using CC's web building software for years. The team at CC is the best and easy to work with. if you're interested in visiting my site, here it is:
http://www.dba2020.com
Hopes this helps someone.