The Basics: Creating a Form that includes the DMXzone Calendar

Introduction

One interesting way in which we can use the calendar is in a form with data fields. In this chapter we're going to make a form and implement the calendar in that form.

1. Create a Define your site in Dreamweaver and Create a new page
   Define your site in Dreamweaver and choose the option to create a new ASP or PHP page. You can read more about this at this page.
   
   
2. Insert a form from the Forms toolbar.
   
   
   
   
3. Into this form, insert a table from the Common toolbar.
   
   
   
   
   
   
   
   
   
   
   
   
   
   
   
   
   
   
   
   
   
   
   
   
   
   
   A new popup appears.
   Set the number of Rows and Columns.
   
   
    
   For our tutorial we will make the Rows 5 and the Columns 2. Set the Table width to 350 pixels. Leave the Border thickness at 1 and the Cell padding and Cell spacing at 2. Under Header, select None and press OK.
   
   You should have a table like the one below:
   
   
   
   
   
   
   
   
   
   
4. Select the top two cells and merge them by pressing Right click and selecting Table/Merge from the menu. Your table should look like this:
   
   
   Fill in "Add Birthday" or any other text of your choosing in the top cell and continue filling out the other cells to the left with "Name, Last Name, Date of Birth, Present".
   
   
   
5. Select the Forms toolbar and insert a text field in the cell next to Name.
   
   
   
   
   
   
   
   
   
   
   
   
   
   
   
   
   
   
   
   
   
   
   A new popup appears. Enter "name" as the ID and press OK.
   
   
   
   Repeat the field insertion for the cells next to Last Name and Present, giving each a unique ID of your choice.
   
   

6. Applying the extension
   Select the cell next to Date of Birth and Choose the  icon from the DMXzone object bar to apply the extension. The following  popup appears:
   
   
   
   

In the chapter we'll show you how to set up your calendar and its options.