# Modal Image Gallery Screen

The Modal Image Gallery Screen shows off photos in a fun and interactive way so users can enjoy your photos at a larger size!

## New Components

### **Large Image Component**

<figure><img src="https://3467607506-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-LhGHkPsv15svPIU5I7C%2Fuploads%2FzWXqqIN1vlgj4ewJz0w8%2Flargeimage.png?alt=media&#x26;token=ae74e248-95d4-4cbd-9a1f-2adb6a138962" alt="" width="563"><figcaption></figcaption></figure>

The largest photo that is displayed is controlled by the Selected Image property in the Users Collection which is determined by the image that the user selects on the ‘Listing Detail’ Screen.

### Horizontal Card List

<figure><img src="https://3467607506-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-LhGHkPsv15svPIU5I7C%2Fuploads%2Fk64JD2LPGrTU9tVGmt9H%2Fhorizontalcardlist.png?alt=media&#x26;token=6cf009dd-abe0-480b-a4e0-4ae0ae274c52" alt="" width="563"><figcaption></figcaption></figure>

This component displays images that scroll right to left, as opposed to up and down that we’re used to seeing from other feature templates.

This list displays the images that are from the Current Listing.

⚡ **List Actions**

* Update User > Selected Image > Listing Photo ID
  * This will update the property that controls which image is shown as the large image in the modal.