# Using on Lightning with "SharinPix Album with Chatter" Lightning Component

The present article will demonstrate how it is possible to use the **SharinPix Album with Chatter** component.

{% hint style="info" %}
**Information:**

The **SharinPix Album with Chatter** component was previously named **SharinPix with Chatter**.
{% endhint %}

* Access the record page of any Salesforce Object. In this case, it is **Account**.
* The "SharinPix with Chatter" component can be found in the **Lightning App Builder** under the **Custom - Managed** section  as shown in the screenshot below. 

![](https://2221230591-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F5EvYRrLbUyvRh8o1jmMG%2Fuploads%2FkiGPdi54ZEsiMSdoM7pY%2Fimage%20\(26\).png?alt=media\&token=f480ee72-e0a8-4b3f-849a-986dc5f45b30)

The **SharinPix Album with Chatter** component consists of two elements:

* The **SharinPix Album**
* The **Preview Pane**

![](https://2221230591-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F5EvYRrLbUyvRh8o1jmMG%2Fuploads%2FKC2hE3q6lXAyRjeR5ZAn%2Fimage%20\(27\).png?alt=media\&token=57fca9c4-fd5c-459d-ad67-6464a9a3983d)

* Access the **Large View** of an image by clicking on its thumbnail.

![](https://2221230591-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F5EvYRrLbUyvRh8o1jmMG%2Fuploads%2Fa30orLnWvcRXPl5G9Yky%2Fimage%20\(28\).png?alt=media\&token=c5c32e97-4812-47cd-a45f-2bb4e4db876e)

* It can be witnessed that when the **Large View** mode is activated, the Preview Pane reacts accordingly and indicates that the current image has no Chatter Posts.

## Create Chatter Post for an annotation

* It is possible to create a **Chatter Post** which is related to a specific annotation.
* Activate **annotation** mode as shown below**.**

![](https://2221230591-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F5EvYRrLbUyvRh8o1jmMG%2Fuploads%2FJbQJ1dbTSM8npONq2HxO%2Fimage%20\(29\).png?alt=media\&token=d273d7ea-01e1-4901-bb80-b65e4bd93e99)

* Create a new annotation.

![](https://2221230591-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F5EvYRrLbUyvRh8o1jmMG%2Fuploads%2Fo1cu2QPbStPxO34XaBIE%2Fimage%20\(30\).png?alt=media\&token=c54f292d-0b12-476e-bc1a-667b63812c63)

* Select the newly-created annotation by clicking on it.
* As illustrated in the screenshot below, upon selecting the annotation, the preview pane indicates that this annotation has no **Chatter Posts**.

![](https://2221230591-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F5EvYRrLbUyvRh8o1jmMG%2Fuploads%2Fs7z7ZADO6NvzEdYCz3f6%2Fimage%20\(31\).png?alt=media\&token=993c473c-b81d-4ca0-99c8-2755c63449bd)

* Click on the **Start a discussion** button to create a Chatter Post which is directly related to the currently-selected annotation. 

![](https://2221230591-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F5EvYRrLbUyvRh8o1jmMG%2Fuploads%2FxF5O2AmF6hgnwv2X9jHZ%2Fimage%20\(32\).png?alt=media\&token=3dc7d933-73b5-4ef7-a797-33df2aeade8a)

* It is now possible to share an update or create a post about the selected annotation.

![](https://2221230591-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F5EvYRrLbUyvRh8o1jmMG%2Fuploads%2F3XVQ1e0U5da4JBc1YNw6%2Fimage%20\(33\).png?alt=media\&token=c29f4353-25f8-4fc1-a115-fc7762edeae0)

![](https://2221230591-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F5EvYRrLbUyvRh8o1jmMG%2Fuploads%2FloiE4kxinxUTw20dcmLr%2Fimage%20\(34\).png?alt=media\&token=953cd567-e148-414f-a0e4-80650fa0f487)

## Chatter Feed

* It should also be mentioned that new post about the newly-created annotation is displayed as well on the Chatter Feed.

![](https://2221230591-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F5EvYRrLbUyvRh8o1jmMG%2Fuploads%2FfYUV3fZ3LOjwQRUuRDUw%2Fimage%20\(35\).png?alt=media\&token=5cbba116-3aad-41ac-b15d-fd9707fca023)