Advanced Forms

Follow the steps outlined in "SIMPLE FORMS" first.. then come here!

You should have this on your frontpage editor screen before starting this:

What we are going to do is add more creative options to this form.

We are going to create this form:

So it should like this now:

Now, place your cursor just to the LEFT of the gry "order" button.

Go to your "Forms Toolbar" at the top of your screen and push this button:

You should now see something like this on your screen:

Place your mouse cursor to the left of the newly created "empty" drop down and type the word:  "Size"

Double click on the "empty" drop down to bring up this menu:

The area where it says "Name" change it from D1 to "custom1" as seen above.

Now its time to add different sizes for our product and different prices!

Click on the "Add..." button to the right.

Add your choices as seen below:

Once that is done, press Ok, and then OK again to save changes.  You should now have this showing:

Place your mouse cursor to the right of your drop down and press enter to go to the next line.

Type the word: Color:   Then press the "drop down" button on your forms toolbar like you did above.  Follow the same steps as above, except name this drop down: custom2 and add the options as below:

You should have this showing on your screen:

Place your mouse cursor to the right of the second drop down and hit enter to drop down to the next line.

Type the words:  With Tie Clip? Then hit the drop down button from your forms tool bar again.

This time enter in all the information as you see it below, follow the same steps as the last 2 drop down forms:

As you can see, every drop down will have a new "custom" tag name.  This one is called : custom3

Your screen should look like this now:

We are now going to add a quanitity tag.

Just after the third drop down you created, hit enter to go to the next line.  Now type the words: Quanitity? and hit this button on your forms tool bar at the top:

This places a 20 pixel length text box on your screen.  Double click on it and change the properties to match below:

Thats it!  Your done!  Go ahead and save your work and test it out.

This demonstration is not completely indepth, but as you practice using your forms tool bar, you will become more and more familiur with how frontpage operates, and how the Dansie Shopping Cart works. 

If you have questions, please feel free to write either myself or Craig Dansie.  Please be sure to reference the Template.htm as well.   If you save the template to your local system, then open it up in Frontpage you can take the existing forms and modify them to do what you want them to do.  Practice practice!  There is a learning curve to this, but it does get much much faster the more you do it!