# Thumbnail View

The thumbnail view is composed of 3 parts:

* [The Header](#id-1.-the-header)
* [The Preview Page](#id-2.-the-preview-pane)
* [The Footer](#id-3.-the-footer)

The Thumbnail view possesses the following features:

* [Select image](#id-4.-select-image)
* [View original-sized image](#id-5.-view-original-sized-image)
* [Menu Access](#id-6.-menu-access)
* [Drag and Drop area](#id-7.-drag-and-drop-area)
* [Drag and Drop image](#id-8.-drag-and-drop-image)

## 1. The Header

The Header contains actionable buttons.

![](https://2221230591-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F5EvYRrLbUyvRh8o1jmMG%2Fuploads%2FNviAowthyGcwkbhGRIyx%2Fimage%20\(98\).png?alt=media\&token=0eae2733-e551-40ca-9b91-2a3f164f7393)

## 2. The Preview Pane

The Preview Page displays an image thumbnail.

![](https://2221230591-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F5EvYRrLbUyvRh8o1jmMG%2Fuploads%2FNAarR6VH3ryUJNLQgpyO%2Fimage%20\(99\).png?alt=media\&token=659297da-498e-48e7-98a0-c80fd7496d00)

## 3. The Footer

The footer will contain pagination if ever you have more images than the current allowed space for SharinPix can handle.

![](https://2221230591-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F5EvYRrLbUyvRh8o1jmMG%2Fuploads%2FGI7qe4ESUbwn8PWZilky%2Fimage%20\(100\).png?alt=media\&token=c53c3606-4180-4b4d-b12f-968a0328c539)

## 4. Select image

Each thumbnail allows you to select an image (using the check box upon the thumbnail).

![](https://2221230591-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F5EvYRrLbUyvRh8o1jmMG%2Fuploads%2FFUOlaVYSIVZRHdzvlwiy%2Fimage%20-%202026-01-28T134316.652.png?alt=media\&token=4e2c0c19-5380-439d-806a-61e7d7127ceb)

## 5. View original-sized image

Clicking on the thumbnail allows you to view the image in its original size.

![](https://2221230591-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F5EvYRrLbUyvRh8o1jmMG%2Fuploads%2FhbmpUIDczgiAZLxmbwBs%2Fimage%20-%202026-01-28T134432.896.png?alt=media\&token=43c26a38-a5dc-458c-85c0-49638eac339b)

## 6. Menu Access

The actionable buttons morph into a menu access when images are selected.

![](https://2221230591-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F5EvYRrLbUyvRh8o1jmMG%2Fuploads%2FsfNNsFqWNqcOm5MSuknX%2Fimage%20-%202026-01-28T134601.031.png?alt=media\&token=46465b30-d620-42a7-811f-0cf9f38611d5)

## 7. Drag and Drop area

When the album is empty, the thumbnail view is turned into a drag and drop area.

![](https://2221230591-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F5EvYRrLbUyvRh8o1jmMG%2Fuploads%2F6hcgcMAO7rdgTPPw3uUK%2Fimage%20-%202026-01-28T134656.663.png?alt=media\&token=7f6b07e4-9afb-4aff-ae05-53800bfc7809)

## 8. Drag and Drop image

When the album host images, you can still drag and drop images on any blank part (around the images).

![](https://2221230591-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F5EvYRrLbUyvRh8o1jmMG%2Fuploads%2Fcewz4pnqZxgIE7RPHfmg%2Fimage%20-%202026-01-28T134810.474.png?alt=media\&token=d345fccb-4b37-4fdb-8470-fa798a2aed66)