Dreamweaver

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.

  3. Switch to Code view (View > Code) and enter the following tag anywhere between the opening and closing CFForm tags: 
    <cfinput name="datefield" type="datefield">
  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.