...
Form tools provide a variety of powerful image manipulation options.
Image field types need to be used in conjunction with a string data type. Formtools expects to store the path to the media asset in the database field.
Attribute | Description | Default Value |
|---|---|---|
ftStyle | Inline style attributes. | (blank) |
ftDestination | Location of image; relative to the web root. | /images |
ftImageWidth | Width to resize image to. | (blank) |
ftImageHeight | Height to resize image to. | (blank) |
ftThumbnail | Boolean toggle to pad out the image to the required width/height. | false |
ftThumbnailBGColor | Is this replaced by ftPadColor?? Background colour for thumbnail padding. Colour name or web hexadecimal colour code. | white |
ftPadColor | Background colour for thumbnail padding. Colour name or web hexadecimal colour code with double ## prefix. | white |
ftThumbnailBevel | Apply bevel edge to the thumbnail. | false |
ftAutoGenerateType | Options for autogenerating the image. | FitInside or Pad |
ftCreateFromSourceDefault | Generate image from source image. Requires ftSourceField to be specified. | false |
ftSourceField | Image property from which an autogenerated image should be derived. | A nominated content type property. |
ftAllowUpload | Boolean to allow an image to be uploaded for this image. Only relevant if the image can be autogenerated. | Default; true. |
Combining Image Properties
You can tie image properties together for generating images of specific dimensions from a source image. A typical example is providing a thumbnail image.
| Code Block | ||
|---|---|---|
| ||
<cfproperty name="imgMugshot" type="string" hint="Mugshot." required="false" default=""
ftlabel="Mugshot" fttype="image" ftimagewidth="200" ftdestination="/images/myprofile/imgmugshot" />
<cfproperty name="imgMugshotThumb" type="string" hint="Mugshot thumbnail." required="false" default=""
ftlabel="Mugshot Thumb" fttype="image" ftimagewidth="80" ftimageheight="80" ftthumbnail="true"
ftCreateFromSourceDefault="true" ftSourceField="imgMugshot" ftdestination="/images/myprofile/imgmugshotthumb" />
|
Setting Default Date Values
Often you want to designate a default date value that is dynamic and based on the current date or some other environment variable. The simplest approach is to set an ftDefault variable and ftdefaulttype set to evaluate.
| Code Block | ||
|---|---|---|
| ||
<cfproperty
ftseq="12" ftfieldset="Publishing Details" ftwizardStep="General Details"
name="expiryDate" type="date" hint="The date that a news object is removed from the web site" required="no" default=""
ftDefaultType="Evaluate" ftDefault="DateAdd('d', 5, now())" ftType="datetime"
ftDateFormatMask="dd mmm yyyy" ftTimeFormatMask="hh:mm tt" ftToggleOffDateTime="true" ftlabel="Expiry Date" />
|
| Info |
|---|
default corresponds to the default set in the database. Its a data type default. |