Dreamweaver CS4 Resources
|
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.
- In Design view, place the insertion point inside
the form outline.
- 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.
- 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.
|