Image

Skip to end of metadata
Go to start of metadata

Configuration

Name
Type
Description
title
string
You can give the image widget in editmode a title
width
integer
Width of the image in pixel
height
integer
Height of the image in pixel
thumbnail
string
Name of the configured thumbnail which should be used
hidetext
boolean
Hides the input for the ALT-text in editmode
reload
boolean
Set true to reload the page in editmode after updating the image
minWidth integer min. width of the image (in pixel)
minHeight integer min. height of the image (in pixel)

You can also pass every valid attribute an img-tag can have (w3.org - Image), such as:

  • class
  • style
  • ...

Accessable Properties

Name
Type
Description
id
integer
ID of the referenced image
alt
string
The entered alternative text
image
Asset_Image
The referenced image object

Example

// Basic usage
<?php echo $this->image("myImage"); ?>

// Advanced usage
<?php echo $this->image("myImage", array(
    "title" => "Drag your image here",
    "width" => 200,
    "height" => 200,
    "thumbnail" => "contentimages"
)); ?>


// An example with a direct thumbnail configuration
<?php echo $this->image("myImage", array(
    "title" => "Drag your image here",
    "width" => 200,
    "height" => 200,
    "thumbnail" => array(
        "width" => 200,
        "height" => 200,
        "interlace" => true,
        "quality" => 90
    )
)); ?>

Fieldspecific Image Cropping for Documents (since 1.4.2)

With right click on the image in document edit mode, it is possible to define field specific image cropping.

So there is no need any more to define specific images or thumbnails if a specific region of an image should be shown. Just assign the original image and define field specific cropping directly within the document.

Labels

images images Delete
thumbnails thumbnails Delete
Enter labels to add to this page:
Please wait 
Looking for a label? Just start typing.