Report Image

Description

Displays the specified key chain value for the current item as an image.

It is assumed that the key value retrieved is an absolute (e.g.: "http://server/folder/file.gif") or server-relative (e.g. "/folder/file.gif") URL.


Parameters

NameRequiredAvailable InMigratable to Cloud?Default ValueDescription
[default] /key
 Yes
Server, Data Center
The key chain to use as the image URL.
border
 Optional
Server, Data Center
none
The border style of the image, using standard CSS values (e.g.: "2px dashed red").
horizontalAlign
 Optional
Server, Data Center
(Since 3.2.0) The alignment of the image. May be left or right.
verticalAlign
 Optional
Server, Data Center
(Since 3.2.0) The vertical alignment of the image. May be any valid CSS vertical-align value.
height
 Optional
Server, Data Center
The height of the image, using standard CSS units (e.g.: "20px" or "80em").
width
 Optional
Server, Data Center
The width of the image, using standard CSS units (e.g.: "20px" or "80em").
info (Hover Text)
 Optional
Server, Data Center
(Since 3.2.0) The text which will be displayed when the user hovers their mouse over the image.


Editor View


Notes

Quick Example

Display the current page creator's personal picture.

{report-image:content:creator > user:picture}

Example

Return a table of attachments within current space

An example of how report-image can be used is (Return a table of thumbnail images contained within current space):

{report-table} 

{expanding-reporter:content:attachments|as=at} 
{content-reporter:space=@self|types=pages} 
{expanding-reporter} 

{report-column:title=Images} 
{report-image:at|width=100px|height=100px} 
{report-column} 

{report-table} 

Tutorial Examples