Operation Manual

648

USING DREAMWEAVER

Building forms

Last updated 3/28/2012

More Help topics

“Modify ColdFusion form controls” on page 650

“Validate ColdFusion form data” on page 651

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 panel, 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.