This tutorial will cover how to insert <FORM> Html into ActiveNotes.
Getting Started
The sky is the limited as to what your form can contain in ActiveNotes. Before we begin however we will list HTML tags you CANNOT insert. The tags you cannot insert are : <HTML>, <HEAD>, </HEAD>, <BODY>, </BODY> or </HTML>. These tags are already in use with your page and you cannot use these tags with ActiveNotes
Let's begin. This part of the tutorial requires basic knowledge of HTML coding. If you are not experienced in HTML you can skip this section and go to the next section dealing with NOF code insertion covered here.
Creating a form within ActiveNotes (Manual scripting)
Creating a form is very simple In this example we will be using the following syntax and inserting it into the ActiveNote "Content to display:" area making sure "HTML format" radio button is selected
<P><table id="Main" style="{background-color:white}" width=100% border=1><tr><td width="100%"><br> <form name="formb" action="postit.asp" target="_blank" method=get> <center> Thank you for taking the time to fill out our survey. Please Click "Submit" after answering questions.</center><p>
Creating a form for ActiveNotes with NOF is still very simple In this example we will be using a table to create the form and then copying the syntax and inserting it into the ActiveNote "Content to display:" area making sure "HTML format" radio button is selected. Your form obviously will differ. This example is to reproduce the hand coded sample above.
Step 1 : Create a blank page called WorkArea Step 2: Call WorkArea to Design View Step 3: Create a Table 1 x 1 Step 4: dbl click the Cell and using properties set text-alignment to center. Step 5: click the table tool again and click in the cell create the table 2 Column and 3 rows Step 6: Check Table is a Form Step 7: Create the input fields and titles for form fields as well as the submit button. Step 8: Once Form is complete select the main table. Under Properties pallet select "HTML" Step 9: Select all the text in the gray area and copy to clipboard
Step 10: Go back to the page and place an active note on the page and make sure whatever option you choose to reveal your ActiveNote "make Sticky" is checked Step 11: Place the cursor inside the "Content to display:" area. Press Ctrl+V to paste the contents of the ClipBoard. Step 12: Select the "HTML Format" radio button Step 13: Set the rest of your parameters for ActiveNotes and make sure the width of the ActiveNote is wide enough for your contained form. Step 14: Publish and test
