Photobooth Gallery

Photobooth gallery showing submissions from an event photo booth

Overview

The PhotoboothGallery module allows for guests to view photo submissions from a custom photo booth. Using this module requires a custom photo booth built by the Little Cinema team.

Photobooth properties

Booth ID (required) Alphanumeric String Stores your photo booth's Id for the gallery to access your photo booth.

Grid Columns

The PhotoboothGallery module can be customized to adjust the number of columns at breakpoints. For more information on chakra breakpoints, see Responsive Styles.

Columns

Small Number, default 2 Sets the number of columns at "sm" breakpoint.

Medium Number, default 3 Sets the number of columns at "md" breakpoint.

Large Number, default 4 Sets the number of columns at "lg" breakpoint.

Grid Gap Number, default 6 Sets the size of the gap between rows and columns.

Photo Dimensions

The following attributes will be used to calculate for aspect ratio (wwidth/height) of photos.

Photo Width Number, default 9

Photo Height Number, default 16

Gallery Sort Order Dropdown, default desc Set how photos are sorted within the gallery, based on submission order. Options include:

• asc

• desc

Style attribute (required) String, css style property input Can apply additional CSS styles to customize the close button.