Dreamweaver

Insert ColdFusion image fields

You can visually insert a ColdFusion image field into your form and set its options. Use image fields to make custom buttons.

Note: This enhancement is available only if you have access to a computer running ColdFusion MX 7 or later.
  1. In Design view, place the insertion point inside the form outline.
  2. In the CFForm category of the Insert bar, click the CF Image Field icon. Browse to select the image to insert, and click OK. Alternatively, you can enter the path of the image file in the Src box.
    Note: If the image is outside the site root folder, you should copy the image to the root folder. Images outside the root folder might not be accessible when you publish the site.
  3. Select the image field on the page and set any of the following options in the Property inspector:
    Cfimagefield
    Lets you specify a unique name for the control.

    Src
    Lets you specify the URL of the inserted image.

    Alt
    Lets you specify a message when the image cannot be displayed.

    Align
    Lets you specify the alignment of the picture.

    Border
    Lets you set the width of the image border.

    Edit Image
    Opens the image in your default image editor.

    To define a default image editor, select Edit > Preferences > File Types / Editors. Otherwise, the Edit Image button does not perform any action.

    Validate
    Specifies the type of validation for the image field.

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

    Label
    Lets you specify a label for the radio button.

    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. This property is ignored by the ColdFusion server at run time.

    Required
    Lets you specify whether the control must contain data before the form is submitted to the server.

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