Operation Manual

650

USING DREAMWEAVER

Building forms

Last updated 3/28/2012

Insert ColdFusion date fields

Although you can’t visually insert a ColdFusion date field in Dreamweaver, you can visually set its properties. A

ColdFusion date field is a special type of text field that lets users select a date from a pop-up calendar to insert it in the

text field.

Note: This enhancement is available only if you have access to a computer running ColdFusion MX 7 or later.

1 In Design view, select the CFForm to display its Property inspector.

To quickly select the form, click anywhere in the form outline and click the <cfform> tag in the tag selector at the

bottom of the Document window.

2 In the Property inspector, set the form’s Format property to Flash.

The date field control can only be rendered in Flash-based ColdFusion forms.

Switch to Code view (View > Code) and enter the following tag anywhere between the opening and closing CFForm tags:

4 Switch to Design view, select the date field on the page, and then set any of the following options in the Property

inspector:

Cfdatefield Lets you specify a unique name for the control.

Value Lets you specify a date to be displayed in the field when the page first opens in a browser. The date can either

be static or dynamic.

To specify a dynamic value, click the lightning bolt icon beside the Value box and select a recordset column in the

Dynamic Data dialog box. The recordset column supplies a value to the date field when you view the form in a browser.

Validate Specifies the type of validation for the field.

Validate At Specifies when the field is validated: onSubmit, onBlur, or onServer.

Label Lets you specify a label for the field.

Pattern Lets you specify a JavaScript regular expression pattern to validate input. Omit leading and trailing slashes.

For more information, see the ColdFusion documentation.

Height Lets you specify the height of the control, in pixels.

Width Lets you specify the width of the control, in pixels.

Size Lets you specify the size of the control.

Required Lets you specify whether the date field must contain a value before the form is submitted to the server.

Display Tag Editor Lets you edit properties not listed in the Property inspector.