---
title: "Report Image"
canonical: "https://support.appfire.com/space/REPS/472914988/Report%20Image"
format: markdown
---
> Macro (aura-html)

## 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 | - [(/)] | - [NO] |  | The key chain to use as the image URL. |
| border | - [(X)] | - [NO] | none | The border style of the image, using standard CSS values (e.g.: "2px dashed red"). |
| horizontalAlign | - [(X)] | - [NO] |  | *(Since 3.2.0)* The alignment of the image. May be **left** or **right**. |
| verticalAlign | - [(X)] | - [NO] |  | *(Since 3.2.0)* The vertical alignment of the image. May be any valid CSS **vertical-align** value. |
| height | - [(X)] | - [NO] |  | The height of the image, using standard CSS units (e.g.: "20px" or "80em"). |
| width | - [(X)] | - [NO] |  | The width of the image, using standard CSS units (e.g.: "20px" or "80em"). |
| info (Hover Text) | - [(X)] | - [NO] |  | *(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.

```
{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):

```
{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

> Macro (contentbylabel)