# Thumbnail View - Display infos

Relevant information can be displayed on image thumbnails in SharinPix albums. The options that can be displayed are:

* **Filename**
* **Tags**
* **Title**
* **Date**
* **Custom label**

![](https://2221230591-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F5EvYRrLbUyvRh8o1jmMG%2Fuploads%2F66nr3WXaLmMotj0X3rpd%2Fimage%20\(49\).png?alt=media\&token=ee463dc4-53b4-438c-813f-bf605800c08c)

<table><thead><tr><th>Abiltity</th><th>Value</th><th width="249.87890625">Description</th></tr></thead><tbody><tr><td>Filename</td><td>Boolean</td><td>Displays the filename of the image.</td></tr><tr><td>Tags</td><td>Boolean</td><td>Displays the tags applied on the image. To see how to tag images, click <a href="../working-with-tags">here</a>.</td></tr><tr><td>Title</td><td>Boolean</td><td>Displays the image's title. This value can be set either by making use of the <a href="../../../access-and-security/sharinpix-abilities#id-13.-image_caption">image_caption</a> ability or on the SharinPix mobile app.</td></tr><tr><td>Date</td><td>String</td><td>Displays the date on which the image has been created. Date formats can be found <a href="broken-reference">here</a>. For example, <code>date: 'L'</code></td></tr><tr><td>Custom label</td><td>String</td><td>This parameter allows the display of a custom label. The value of the custom label should be stored in a Salesforce field on the sObject <strong>SharinPixImage__c</strong>. The <strong>Salesforce field API name</strong> should then be used as the value for the parameter <strong>custom_label</strong> , for example: <code>custom_label: 'CustomFilename__c'</code>, where <em>CustomFilename__c</em> refers to the API name of the Salesforce field storing the value for the custom label.</td></tr></tbody></table>

## SharinPix Permission

SharinPix Permissions can be used to activate the abilities corresponding to the above mentioned options.

![](https://2221230591-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F5EvYRrLbUyvRh8o1jmMG%2Fuploads%2FrvWg9rSJ9O9cVvsws617%2Fimage%20\(50\).png?alt=media\&token=a2422614-da9f-4be5-8752-756cc80475b5)

## Apex Class & VF Page Implementations

The display parameters can be used as shown in the following code snippets.

```apex
public class ThumbnailInfos {
    private Map<String, Object> params;

    public test(ApexPages.StandardController stdCtrl) {
        String albumId = (Id)stdCtrl.getId();
        params = new Map<String, Object>{
            'path' => '/pagelayout/' + albumId,
            'abilities' => new Map<String, Object> {
                albumId => New Map<String, Object> {
                    'Access' => new Map<String, Object> {
                        'see' => true,
                        'image_list' => true,
                        'image_upload' => true
                    },
                    'Display' => new Map<String, Object> {
                      'tags' => true,
                      'title' => true,
                      'date' => 'L'
                    }
            	}
            },
            'download' => true,
            'custom_label' => 'sharinpix__FileName__c'
    	};
    }

    public String getParameters() {
        return JSON.serialize(params); 
    }
}
```

```apex
<apex:page docType="html-5.0" cache="false"
  showHeader="false"
  sidebar="false"
  standardStylesheets="false"
  standardController="Account"
  extensions="ThumbnailInfos"
  applyHtmlTag="false"
  applyBodyTag="false">
  <sharinpix:sharinpix id="iframe" parameters="{!parameters}" ></sharinpix:sharinpix>
  <sharinpix:CustomData componentId="iframe"></sharinpix:CustomData>
</apex:page>
```

{% hint style="success" %}
**Tip:**

SharinPix also provides download parameters that can be used to personalize the download filenames. For more information about these parameters and how to configure them, refer to the following article:

[Multiple Image download (ZIP) - How to personalize the download filenames](https://docs.sharinpix.com/documentation/features/download-images/multiple-image-download-zip-how-to-personalize-the-download-filenames)
{% endhint %}