Create a basic CSB form

<body topmargin=0 leftmargin=0 marginheight=0 marginwidth=0> <table cellpadding=0 cellspacing=0 border=0><tr> <td valign="top" height=50 BGCOLOR="#660099" TEXT="#080000"> <div> <TABLE BORDER="0" CELLPADDING="0" CELLSPACING="0" WIDTH="697" BORDERCOLORLIGHT="#C0C0C0" BORDERCOLORDARK="#808080" FRAME="VOID" RULES="NONE" ALIGN="LEFT" HSPACE="0" VSPACE="0" > <tR> <tD VALIGN=CENTER HEIGHT= 35 ><NOBR><div> <B>Sami's Site: CSB - Trellix Support and Tests</B></div> </NOBR></tD> <tD VALIGN=CENTER><NOBR><div> <FONT SIZE="3" COLOR="#000000" FACE="Arial" > </FONT><IMG BORDER="0" SRC="1x1.gif" HEIGHT="14" ALIGN="BOTTOM" HSPACE="0" VSPACE="0" WIDTH="7">  <IMG BORDER="0" SRC="1x1.gif" HEIGHT="14" ALIGN="BOTTOM" HSPACE="0" VSPACE="0" WIDTH="14">  <IMG BORDER="0" SRC="1x1.gif" HEIGHT="14" ALIGN="BOTTOM" HSPACE="0" VSPACE="0" WIDTH="7"> <FONT SIZE="1" COLOR="#CCCC99" FACE="Arial" >   </FONT></div> </NOBR></tD> <tD VALIGN=CENTER><NOBR><div> <STYLE type=text/css>#rollbutton a { color: #C0DCC0; font-size:13px; font-weight: bold; text-decoration: none; border:2px outset light gray; background-color:#680098; display: block; width: 85px; height: 22px; padding: 0px;}#rollbutton a:hover { background-color: #C0DCC0; color:#680098; padding-left: 3px; border:2px inset light gray;}</STYLE><DIV id=rollbutton><DIV><A href="http://www.samisite.com" title="Go Back to Home Page" target="_top" onfocus="this.blur()"><center>HOME</center></A> </DIV></DIV></div> </NOBR></tD> </tR> </TABLE></div> <bR> <div> </div> </td> </tr><tr> <td valign="top" height=430 BGCOLOR="#FFFFFF" TEXT="#080000"> <div> <STYLE>  </STYLE>                                                  </div> <bR> <div> <B>This information comes directly from the CSB4 User manual!</B></div> <div> <B>You can downloaded the entire manual </B><A HREF="http://www.globalscape.com/files/CSB_UserGuide.pdf" TARGET="_top" TITLE="http://www.globalscape.com/files/CSB_Use"><B>here</B></A><B>.</B><B>                                                                  </B><FONT SIZE="1" COLOR="#000000" FACE="Verdana" ><A HREF="id37.htm" TARGET="_top" TITLE="Design a Form!">Return to Design a Form</A></FONT></div> <bR> <div> <B>Section 7 </B><FONT SIZE="1" COLOR="#660099" FACE="Symbol" >. </FONT><B>Pages CuteSITE Builder 4 User's Guide </B><FONT SIZE="3" COLOR="#660099" FACE="Arial" >91</FONT></div> <div> <B>To add a feedback form to a page</B></div> <div> You can add forms to your web pages that visitors can fill out, and the results will be mailed to you.</div> <div> 1. Click in the page where you want the form.</div> <div> 2. On the menu bar, choose <B>Insert > Form</B>. The <B>CuteSITE Builder Form Wizard </B>appears.</div> <div> 3. Follow the instructions in the Wizard and click <B>Finish</B>. A <B>Form Plug-in </B>placeholder will appear on the</div> <div> page. You will be able to see and use the actual form when you preview or publish your site.</div> <bR> <div> <IMG SRC="50256ce0.png" border=0 width="342" height="206" ALIGN="BOTTOM" HSPACE="0" VSPACE="0"></div> <bR> <div> <B>To edit an existing form</B></div> <div> 1. Double-click the <B>Form Plug-in </B>placeholder. The <B>CuteSITE Builder Form Wizard </B>appears.</div> <div> 2. Click <B>Back </B>or <B>Next </B>to find the page in the Wizard where you want to make changes.</div> <div> 3. Make your changes.</div> <div> 4. Click <B>Finish</B>. Your changes will be visible when you preview or publish your site.</div> <bR> <bR> <div> <B>Section 7 </B><FONT SIZE="1" COLOR="#660099" FACE="Symbol" >. </FONT><B>Pages CuteSITE Builder 4 User's Guide </B><FONT SIZE="3" COLOR="#660099" FACE="Arial" >92</FONT></div> <div> <B>To add a form that sends database-ready information</B></div> <div> You can set your forms to send reply information in comma separated format, to make it easier to import the</div> <div> information into a database.</div> <div> 1. Click in the page where you want the form, or open an existing form (see previous page).</div> <div> 2. On the menu bar, choose <B>Insert > Form</B>. The <B>CuteSITE Builder Form Wizard </B>appears.</div> <div> 3. Choose your form type and click <B>Next</B>. <B>Step Two: Enter your e-mail address </B>appears.</div> <div> <IMG SRC="50326cd0.png" border=0 width="294" height="205" ALIGN="BOTTOM" HSPACE="0" VSPACE="0"></div> <div> 4. Enter your email address.</div> <div> 5. Click <B>Form Action Options</B>. The <B>Form Action Options </B>window appears.</div> <div> <IMG SRC="504f69e0.png" border=0 width="246" height="158" ALIGN="BOTTOM" HSPACE="0" VSPACE="0"></div> <div> 6. Choose <B>Comma-separated (for database import)</B>.</div> <div> 7. Click <B>OK</B>. The <B>Form Action Options </B>window disappears.</div> <div> 8. Click <B>Next </B>and complete the rest of the Wizard.</div> <bR> <bR> <div> <B>Section 7 </B><FONT SIZE="1" COLOR="#660099" FACE="Symbol" >. </FONT><B>Pages CuteSITE Builder 4 User's Guide </B><FONT SIZE="3" COLOR="#660099" FACE="Arial" >93</FONT></div> <div> <B>To add custom fields to a form</B></div> <div> 1. Click in the page where you want the form, or open an existing form (see page 91).</div> <div> 2. On the menu bar, choose <B>Insert > Form</B>. The <B>CuteSITE Builder Form Wizard </B>appears.</div> <div> 3. Follow the instructions in the wizard and stop at <B>Step 4: Customize the Form</B>.</div> <div> <IMG SRC="505a32a0.png" border=0 width="419" height="298" ALIGN="BOTTOM" HSPACE="0" VSPACE="0"></div> <div> 4. Select the <B>[Custom1] </B>check box.</div> <div> 5. In <B>Field Name (not visible to users)</B>, type any name you want. This name will show up in the email</div> <div> messages you receive when the form is completed and submitted by a visitor.</div> <div> 6. In <B>Field Prompt (appears on your form)</B>, type a name so that visitors will know what information you</div> <div> want them to enter in this particular box.</div> <div> 7. (Optional) Select the <B>[Custom2] </B>check box, and create another custom field. Every time you select a</div> <div> <B>[Custom] </B>check box, a new <B>[Custom] </B>check box will appear, until there are a <FONT SIZE="3" COLOR="#6600CC" FACE="Arial" >total of twelve custom</FONT></div> <div> fields.</div> <div> 8. Click <B>Finish</B>.</div> <bR> <div> <B>To change the size of a form box</B></div> <div> 1. Double-click the <B>Form Plug-in </B>placeholder. The <B>CuteSITE Builder Form Wizard </B>appears.</div> <div> 3. Click <B>Next </B>or <B>Back </B>to get to <B>Step 4: Customize the Form</B>.</div> <div> 4. Select the check box for the form box that you want to lengthen.</div> <div> 5. In <B>Field Width</B>, type a whole number. This will be the approximate number of characters that will show in</div> <div> the box.</div> <div> 6. Click <B>Finish</B>.</div> <bR> <div> <B>To change how many characters a form box will hold</B></div> <div> 1. Double-click the <B>Form Plug-in </B>placeholder. The <B>CuteSITE Builder Form Wizard </B>appears.</div> <div> 3. Click <B>Next </B>or <B>Back </B>to get to <B>Step 4: Customize the Form</B>.</div> <div> 4. Select the check box for the form box that you want to change.</div> <div> 5. In <B>Max No. of characters </B>type a whole number. This will be the most characters a visitor will be able to</div> <div> type in the box.</div> <div> 6. Click <B>Finish</B>.</div> <bR> <bR> <div> <B>Section 7 </B><FONT SIZE="1" COLOR="#660099" FACE="Symbol" >. </FONT><B>Pages CuteSITE Builder 4 User's Guide </B><FONT SIZE="3" COLOR="#660099" FACE="Arial" >94</FONT></div> <div> <B>To change the order of boxes in a form</B></div> <div> 1. Double-click the <B>Form Plug-in </B>placeholder. The <B>CuteSITE Builder Form Wizard </B>appears.</div> <div> 3. Click <B>Next </B>or <B>Back </B>to get to <B>Step 4: Customize the Form</B>.</div> <div> 4. Select the check box for a form box that you want to move.</div> <div> 5. Click the up arrow button to move the selected box before the previous box, or click the down arrow to</div> <div> move the selected box below the following box.</div> <div> 6. Click <B>Finish</B>.</div> <bR> <bR> <bR> <div> <A HREF="id37.htm" TARGET="_top" TITLE="Design a Form!">Return to Design a Form</A></div> </td> </tr></table></body>