---
title: "How to add links and images with augments - Cloud"
canonical: "https://support.appfire.com/space/TBL/74813947/How%20to%20add%20links%20and%20images%20with%20augments%20-%20Cloud"
format: markdown
---
> Macro (aura-html)

# <span style="color: #000000">Overview</span>

<span style="color: #000000">This example shows how to add wiki links and images to CSV data produced by other processes. This highlights the real advantages of augments especially for data produced by other processes. In this example, the data is produced using the </span>[Confluence Command Line Interface (CLI)](https://appfire.atlassian.net/wiki/spaces/CSOAP)<span style="color: #000000"> app's</span><span style="color: #000000">** getSpacePermissionList**</span><span style="color: #000000"> action.</span>

# <span style="color: #000000">Macro browser input</span>

### <span style="color: #000000">Select this macro</span>

|  |  |
| --- | --- |
| <span style="color: #000000">**Macro name**</span> | <span style="color: #000000">*Advanced Tables - CSV Table*</span> |
| <span style="color: #000000">**Macro syntax (Old editor)**</span> | <span style="color: #000000">*{csv}*</span> |
| <span style="color: #000000">**Macro syntax (New editor - case insensitive)**</span> | <span style="color: #000000">*/CSV (Comma Separated Values)*</span> |

### <span style="color: #000000">Define these parameters/values</span>

|  |  |
| --- | --- |
| <span style="color: #000000">***Output format***</span> | <span style="color: #000000">*wiki*</span> |
| <span style="color: #000000">***Columns to display***</span> | <span style="color: #000000">*Space, Id Type, Id, Viewspace*</span> |
| <span style="color: #000000">***Augments to data row values***</span> | <sup>[%Space%:],,,!images^%viewspace%.png!</sup> |
| <span style="color: #000000">***Augments to heading row values***</span> | <span style="color: #000000">*,,,View*</span> |
| <span style="color: #000000">***Column type***</span>*** *** | <span style="color: #000000">*S,S,S,E*</span> |

### <span style="color: #000000">Screenshot</span>

![Advanced Tables CSV data with links and image paths](media://789d7664-fd00-4b85-9f7e-785469d420e9)

# <span style="color: #000000">Wiki markup input (Old editor)</span>

```plaintext
{csv:output=wiki
  |columns=Space, Id Type, Id, viewspace
  |augments=[%Space%:],,,!images^%viewspace%.png!
  |headingAugments=,,,View
  |columnTypes=S,S,S,E}
...
{csv}
```

# <span style="color: #000000">Example </span><span style="color: #000000">result</span>

![Advanced Tables space permissions for links and images augments](media://86dbce11-b73b-4a43-89bc-dd9a7c98aa24)

# <span style="color: #000000">Other </span><span style="color: #000000">examples</span>

<span style="color: #000000">Visit our</span> [full list of product examples](https://appfire.atlassian.net/wiki/spaces/TBL/pages/74814716) <span style="color: #000000">for additional inspiration!</span>