# SharinPix Collage (before/after photo layout)

{% hint style="info" %}
The **SharinPix Collage** component permits users to combine **two** images from a SharinPix Album into a single image. This component also allows users to save the collage to a SharinPix Album.
{% endhint %}

<figure><img src="/files/UclqlzAKLx0dHGd78mfq" alt=""><figcaption></figcaption></figure>

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

This feature is only available on Lightning. It can be used:

* On Community Builder
* On Page Builder
* On Desktop
* On Mobile
* In Flows (but not in Field Service Mobile Flow)
  {% endhint %}

## Getting Started

To use the SharinPix Collage component, you simply need to drag and drop the component from the Lightning App Builder onto your page layout.

<figure><img src="/files/tTkkE9WGwazg2bWk5f8N" alt=""><figcaption></figcaption></figure>

## Lightning Component Parameters

<figure><img src="/files/KxELv2HgDiV9AezL3K46" alt=""><figcaption></figcaption></figure>

* **Component ID:** Used to specify the common ID with the targeted SharinPix component. ***Note:** This parameter should be populated for the SharinPix Collage component to work. The value entered here should match the value in the component ID parameter of the corresponding SharinPix Album component found on the page.*
* **Button Label:** Used to specify the label to be shown on the button to create a collage.

## Demo

The picture below depicts a SharinPix Collage component and a SharinPix Album component with uploaded images.

{% hint style="warning" %}
**Note:**

* Both components are related using the same **Component ID** value.
* The SharinPix Collage's button in disabled as no image selection has been performed yet.
  {% endhint %}

<figure><img src="/files/CVnmj90VjomtjJhwqt2C" alt=""><figcaption></figcaption></figure>

Start by selecting two images. The SharinPix Collage's button should be enabled after the selection as depicted below:

<figure><img src="/files/ChCYPT2CjP9l6KHYRpZz" alt=""><figcaption></figcaption></figure>

Click on the button to start the collage:

<figure><img src="/files/bhPgMfdGxFiKzVShMxZf" alt=""><figcaption></figcaption></figure>

Click the Save button to save the collage to the SharinPix Album. At this point, users can adjust, zoom in, or out of the images in the collage:

<figure><img src="/files/0eW3sFE2tXaEFpxftyhD" alt=""><figcaption></figcaption></figure>

<figure><img src="/files/ivcgwqJ2clp8cRvnWMEB" alt=""><figcaption></figcaption></figure>


---

# Agent Instructions: Querying This Documentation

If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.

Perform an HTTP GET request on the current page URL with the `ask` query parameter:

```
GET https://docs.sharinpix.com/documentation/lightning-web-component/sharinpix-collage.md?ask=<question>
```

The question should be specific, self-contained, and written in natural language.
The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.

Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.