---
title: "Photo Gallery"
slug: "photo-gallery"
updated: 2024-01-15T13:36:41Z
published: 2024-01-15T13:36:41Z
---

> ## Documentation Index
> Fetch the complete documentation index at: https://support.tulip.co/llms.txt
> Use this file to discover all available pages before exploring further.

# Photo Gallery

To download the app, visit: [Library](https://tulip.co/library/apps/photo-gallery/)

*Learn how the Photo Gallery application is structured and built.*

In the Photo Gallery application, users can create albums and put photos into these albums. These photos are stored in Tulip Tables and can be viewed in the application. Creating a slideshow from all the album photos or viewing multiple images in a gallery is possible. The application can be used alone to manage and view photos or as a part of a more complex app where you want to display multiple images.

## Tables Used

Two Tulip Tables are used in the Photo Gallery application. The first is called **Photo Library**. In this table, all record is an image that has its own URL, description, and name. The second table contains the **albums** with their names and descriptions. The connection between the photos and the album they belong to is formed by linked records.

### Fields of Photo Library:

**ID**: The unique name of the image **Photo**: The URL of the image **Description**: The description of the image

### Fields of Albums:

**ID**: Th unique ID of the album **Name**: The name of the album **Description**: The description of the album

## App Structure

In the Main step of the application, the user can create a new album by clicking on the **Create Album** button. The name and the description of the album need to be entered in the pop-up window. ![Screenshot 2023-06-23 at 11.32.47.png](https://cdn.document360.io/7c6ff534-cad3-4fc8-9583-912c4016362f/Images/Documentation/Screenshot%202023-06-23%20at%2011.32.47.png)

![Screenshot 2023-06-23 at 11.33.23.png](https://cdn.document360.io/7c6ff534-cad3-4fc8-9583-912c4016362f/Images/Documentation/Screenshot%202023-06-23%20at%2011.33.23.png)

The user can similarly add a new photo to the album by clicking on the Add photo button. ![Screenshot 2023-06-23 at 11.34.30.png](https://cdn.document360.io/7c6ff534-cad3-4fc8-9583-912c4016362f/Images/Documentation/Screenshot%202023-06-23%20at%2011.34.30.png)

Albums and Photos can be easily deleted with the red **delete buttons**.

There are two different options for displaying the images, the **slideshow**, and the **gallery view**.

The **Play slideshow** button navigates the user to the slideshow step, where the user can use the arrows on the sides to switch between images. It is also possible to set the timer and start a slideshow with the play button. The slideshow can be paused at any time.

![Screenshot 2023-06-23 at 11.35.52.png](https://cdn.document360.io/7c6ff534-cad3-4fc8-9583-912c4016362f/Images/Documentation/Screenshot%202023-06-23%20at%2011.35.52.png)

The **Open as Gallery** button navigates the user to the Gallery step where the first four images of the album are loaded. The user can proceed to the next images with the arrow on the right or move back with the arrow on the left.

![Screenshot 2023-06-23 at 11.38.17.png](https://cdn.document360.io/7c6ff534-cad3-4fc8-9583-912c4016362f/Images/Documentation/Screenshot%202023-06-23%20at%2011.38.17.png)

**Tulip Tables**

**Tulip Tables** are a global location to store your production data. **Tables** are made up of **Records** (rows). A single can be accessed from multiple apps or stations at the same time. ![](https://cdn.document360.io/7c6ff534-cad3-4fc8-9583-912c4016362f/Images/Documentation/Tulip%20Tables%20Overview%20-%20Feature%20Overview(1).gif)