Create FORM in RSD with out using WFD

User 13432 Photo


Registered User
7 posts

This might be intuitive to most but I spent hours trying to make my submit button work. I scoured the Forum, The manuals. the web and failed. So with a little experimenting and, of course, reading, here's what I came up with. Keep in mind I did not have CC's Web Form Builder.

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:
<table width="450px">
<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.
User 187934 Photo


Senior Advisor
20,271 posts
Online Now

Thanks for putting these instructions up for others that may only need a very simple form and are willing to create the background scripts themselves.:cool:
I can't hear what I'm looking at.
It's easy to overlook something you're not looking for.

This is a site I built for my work.(RSD)
http://esmansgreenhouse.com
This is a site I built for use in my job.(HTML Editor)
https://pestlogbook.com
This is my personal site used for testing and as an easy way to share photos.(RLM imported to RSD)
https://ericrohloff.com
User 13432 Photo


Registered User
7 posts

LIKE :) - Oh that's the other company. I do appreciate the encouragement. Thanks.
User 2699991 Photo


Registered User
5,402 posts
Online Now

The only problem is that it doesn't seem to be responsive
Mastering The Understanding With Hands-On Learning
NEW TO "COFFEECUP SITE DESIGNER" FOUNDATION 6 FRAMEWORK?
STUCK ON SOMETHING?

LEARNING & UNDERSTANDING "THE HOW TO"? THE WHY'S & THE WHEREFORE'S?
WITH WAYAN'S STEP BY STEP TUTORIALS


A simple quick way to contact me
https://rsd-tutorialscom.coffeecup.com/index.html
User 122279 Photo


Senior Advisor
14,653 posts
Online Now

Wayan is right. I think the culprit is this tag: <table width="450px">

Change it to a certain %age of the screen with a max-width of 450px.
Ha en riktig god dag!
Inger, Norway

My work in progress:
Components for Site Designer and the HTML Editor: https://mock-up.coffeecup.com


User 13432 Photo


Registered User
7 posts

Thanks for the comments. It's a work in progress. All suggestions will be investigated and applied (provided I understand them). I was so excited that it worked. I haven't polished it yet. Because, I'm still trying to understand what and how the word "Responsive" fully applies to web site building. I can always use other's perspective to increase my understanding of "responsive".

Thanks again.
User 2699991 Photo


Registered User
5,402 posts
Online Now

Still a nice looking form clean & simple,

where did you find the php code stuff, I am total virging with all that stuff but now need to start learning, would be usefull to know and also where to put it in relation to the form (i assume that it has to be put on the site after e'xporting the page with the form
Mastering The Understanding With Hands-On Learning
NEW TO "COFFEECUP SITE DESIGNER" FOUNDATION 6 FRAMEWORK?
STUCK ON SOMETHING?

LEARNING & UNDERSTANDING "THE HOW TO"? THE WHY'S & THE WHEREFORE'S?
WITH WAYAN'S STEP BY STEP TUTORIALS


A simple quick way to contact me
https://rsd-tutorialscom.coffeecup.com/index.html
User 187934 Photo


Senior Advisor
20,271 posts
Online Now

The php scripts are on a page that your form submits to. The page can be added to your resources, added after export or placed in a directory that's not used in your RSD project.
I can't hear what I'm looking at.
It's easy to overlook something you're not looking for.

This is a site I built for my work.(RSD)
http://esmansgreenhouse.com
This is a site I built for use in my job.(HTML Editor)
https://pestlogbook.com
This is my personal site used for testing and as an easy way to share photos.(RLM imported to RSD)
https://ericrohloff.com
User 2699991 Photo


Registered User
5,402 posts
Online Now

Thanks Eric so where do i get these scripts, it's a bit confusing out there seems to be thousands and thousands of something, but it all seems to be written in Martian or some other outer space language. :D:D:D:D:D:D:D:D:D:D:D
Mastering The Understanding With Hands-On Learning
NEW TO "COFFEECUP SITE DESIGNER" FOUNDATION 6 FRAMEWORK?
STUCK ON SOMETHING?

LEARNING & UNDERSTANDING "THE HOW TO"? THE WHY'S & THE WHEREFORE'S?
WITH WAYAN'S STEP BY STEP TUTORIALS


A simple quick way to contact me
https://rsd-tutorialscom.coffeecup.com/index.html
User 2623310 Photo


Ambassador
282 posts

Wayanjaya wrote:
Thanks Eric so where do i get these scripts, it's a bit confusing out there seems to be thousands and thousands of something, but it all seems to be written in Martian or some other outer space language. :D:D:D:D:D:D:D:D:D:D:D


Hi Wayanjaya

Here's a link to site that I have used in the past for making my own forms.

http://1stwebdesigner.com/php-contact-form-html/

I hope this helps you out.

Have something to add? We’d love to hear it!
You must have an account to participate. Please Sign In Here, then join the conversation.