# Using Collage on Search Component

The Collage ability enables combining **two** images from a SharinPix Search component into a new image, uploaded to the SharinPix Album. The album to which the new collage will be uploaded will be the album for the record page on which the Search component is being used.

To be able to use this feature, we will need to:

* [Create a SharinPix Permission to enable the Collage ability.](#create-permission-to-enable-collage-ability)
* [Add the SharinPix Permission to the Search Component.](#add-permission-to-search-component)

## Create Permission to enable Collage ability

Go to SharinPix Permission from the App Launcher, create new permission, select **Search** , and enable the collage ability as shown below:

<figure><img src="https://2221230591-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F5EvYRrLbUyvRh8o1jmMG%2Fuploads%2Fi7PSxZcaSRRr18SD4FSA%2FGradio%20Image%20(5).png?alt=media&#x26;token=9e1b2ef6-ff6c-46b3-acfa-1eba37c81fd1" alt=""><figcaption></figcaption></figure>

## Add Permission to Search Component

Add the SharinPix Permission Name or Id you created in the component search parameters as shown below:

<figure><img src="https://2221230591-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F5EvYRrLbUyvRh8o1jmMG%2Fuploads%2FRXHdcRMCNoqBPKa3O6Ys%2FGradio%20Image%20(6).png?alt=media&#x26;token=26d40963-d8d3-4aad-8ff9-79a7b5dce1bd" alt=""><figcaption></figcaption></figure>

## Demo

The picture below depicts a SharinPix Search component.

<figure><img src="https://2221230591-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F5EvYRrLbUyvRh8o1jmMG%2Fuploads%2FBt32AzK02sNMBOgEPeB8%2FGradio%20Image%20(7).png?alt=media&#x26;token=5e92b893-18ba-4c50-93ea-356948e55deb" alt=""><figcaption></figcaption></figure>

Start by selecting two images. The Collage feature should be enabled after the selection as depicted below:

<figure><img src="https://2221230591-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F5EvYRrLbUyvRh8o1jmMG%2Fuploads%2F1NxK7J7ImQUPRMj3dxBo%2FGradio%20Image%20(8).png?alt=media&#x26;token=2609892c-44ac-4b8b-a545-cd193686c49d" alt=""><figcaption></figcaption></figure>

Click on the button 'Create collage' to start the collage:

<figure><img src="https://2221230591-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F5EvYRrLbUyvRh8o1jmMG%2Fuploads%2F94UE22SrwfOdC16gie8t%2FGradio%20Image%20(9).png?alt=media&#x26;token=fccfc00d-59d9-4689-bad8-2bced09f6904" alt=""><figcaption></figcaption></figure>

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

<figure><img src="https://2221230591-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F5EvYRrLbUyvRh8o1jmMG%2Fuploads%2FupdGyt4EkvHOVxdASmXL%2FGradio%20Image%20(11).png?alt=media&#x26;token=a63fa04d-5382-4f06-be53-2e5436461d00" alt=""><figcaption></figcaption></figure>

<figure><img src="https://2221230591-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F5EvYRrLbUyvRh8o1jmMG%2Fuploads%2FoIyqkVTZK5ajY6rhKNxV%2FGradio%20Image%20(12).png?alt=media&#x26;token=c9a7c7f8-2fbd-41fa-88c0-87274b50ec12" alt=""><figcaption></figcaption></figure>

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

This feature also saves the collage in a SharinPix Album component. Therefore, to synchronize your images, you must enable image sync on [SharinPix Search component.](https://docs.sharinpix.com/documentation/lightning-web-component/sharinpix-search#lightning-component-parameters)
{% endhint %}
