| Live template | ||||
|---|---|---|---|---|
|
Tutorial Examples
...
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
Name | Required | Migratable to Cloud? | Default Value | Description | ||||||||
|---|---|---|---|---|---|---|---|---|---|---|---|---|
[default] /key |
|
| The key chain to use as the image URL. | |||||||||
border |
|
| none | The border style of the image, using standard CSS values (e.g.: "2px dashed red"). | ||||||||
horizontalAlign |
|
| (Since 3.2.0) The alignment of the image. May be left or right. | |||||||||
verticalAlign |
|
| (Since 3.2.0) The vertical alignment of the image. May be any valid CSS vertical-align value. | |||||||||
height |
|
| The height of the image, using standard CSS units (e.g.: "20px" or "80em"). | |||||||||
width |
|
| The width of the image, using standard CSS units (e.g.: "20px" or "80em"). | |||||||||
info (Hover Text) |
|
| (Since 3.2.0) The text which will be displayed when the user hovers their mouse over the image. |
Editor View
Not applicable.
Macro Edit View
Not applicable.
Notes
Quick Example
Display the current page creator's personal picture.
| Code Block |
|---|
{report-image:content:creator > user:picture} |
Example
Return a table of attachments within the current space
An example of how report-image can be used is (Return a table of thumbnail images contained within the current space):
| Code Block |
|---|
{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
| Filter by label (Content by label) | ||||||||
|---|---|---|---|---|---|---|---|---|
|