Version: 8.3

"Image" type field

Level: beginner

"Image" type field is a field type to upload or view images. Can display images from different sources, for example, Creatio database or CDN. Learn more: Fields, Set up an Image field (user documentation).

string id

The unique ID. Service field.

string value

The image field value. Can be bound to text or ImageLink attributes, such as, Base64, DataURI or CDN link to an image.

boolean readonly

Whether to display the field in read-only mode. By default, "false."

boolean visible

Whether to display the field. By default, "true."

string positioning

The image position in the container. By default, "cover."

Available values

cover	The image fills the entire element content box with possible cropping. Aspect ratio is preserved.
scale-down	The image fits the boundaries of the element content box without cropping. Aspect ratio is preserved.

string size

The image width and height.

Available values

small	32x32px
medium	48x48px
large	80x80px
extra-large	120x120px

string borderRadius

The type of corner rounding. By default, "medium."

Available values

none	No rounding (0 px).
small	Small rounding (4px).
medium	Medium rounding (8px).
large	Large rounding (16px).

number maxFileSize

The maximum allowed file size.

string customHeight

The custom image height in em, px, %, or other units supported by CSS. Fill out both customHeight and customWidth when you customize the dimensions. Optional.

string customWidth

The custom image width in em, px, %, or other units supported by CSS. Fill out both customHeight and customWidth when you customize the dimensions. Optional.

ImagePlaceholderMode placeholderMode

The mode of the placeholder. Optional. By default, "icon."

Available values

abbreviation	Text placeholder.
icon	Icon placeholder.

string placeholder

Icon or text placeholder displayed if no image is added to the field. Must be bound to a text attribute if placeholderMode is set to "abbreviation." Must be bound to an image from the repository if the placeholderMode is set to "icon." Optional.

string alt

A text alternative for an image. Optional. We recommend using the alt property to comply with WCAG and improve visual accessibility for users that have visual impairments.

See also​

See also