Website Builder: Gallery Widget

Parameter Reference Guide for the Gallery Widget

Templar Hankinson avatar
Written by Templar Hankinson
Updated over a week ago

Gallery Widget

The Gallery widget is used to display submitted entries and provide a mechanism to vote and share entries. The widget can be configured to show:

  • All entries

  • Only entries with the Featured flag set to true.

  • Only entries in the current Voting Round

  • Primary meta-data (Title)

  • Secondary meta-data (Entrant’s Name)

  • Vote buttons

  • Share options.

The Gallery itself has multiple standards styles. These are listed below:

Style

Description

Masonry

The size of each entry is optimized based on its aspect ratio to fill the entire screen.

Boxed

The size of each entry is standardized to a rectangle shape.

Pinterest

The size of each entry is optimized based on its aspect ratio to fill the entire screen. Each entry also includes a label section which displays meta-data.

Standard

The size of each entry is standardized to a rectangle shape. Each entry also includes a label section which displays meta-data.

Reference

See the common parameter reference here.

Setting

Options

Notes

Entry layout

Popup

Selected entry is displayed in popup model window.

Same Tab

Browser loads Entry page (replaces the Gallery page)

New Tab

Browser loads Entry page in a new window (or tab)

Gallery layout

See above

Selects the layout of the gallery

No. of Columns

1 to 8

Selects the number of entries displayed per row. Note: Collapses into a single column when displayed on mobile devices.

No. of entries per load

Entries loaded from server per page or lazy load. Note: The higher the number, the longer the load time (and slower for the user).

Top Entries to Display

If 0 display all eligible entries. Generally used on homepage to show a subset of the entry, such as ‘Top 10’, ‘Recent Entries’, ‘Just a few of our Entries’, etc.

Entries to Display

Featured

Only show entries with the Featured set to true.

All

Show all entries

Gallery

Show all entries

Gallery Order

Most votes

Sorts entries in order of votes (descending order)

Most views

Sorts entries in order of views (descending order)

Randomised

Show entries in random order

Oldest

Sorts entries in order of submission (ascending)

Newest

Sorts entries in order of submission (descending)

Spacing between each thumbnail

Spacing between entries in pixels

Page load behaviour

Scrolling lazy load

Loads more entries when user reaches the bottom of the screen

Display load more button

Loads more entries when the user clicks a Load More button.

Gallery Features

Voting

Allows votes to be cast directly from the Gallery

Thumbnail configuration

Sharing options

Selects the social media options where the user can share the entry URL. Options are:

· facebook

· twitter

· Linkedin

· pinterest

· tumblr

· reddit

· email

Thumbnail ratio

Sets the aspect ratio of the Gallery thumbnail

W

Width of the image in the thumbnail

H

Height of the image in the thumbnail

Caption background

Sets the background color of the label

Metrics displayed

View

Display the number times this entry has been viewed

Votes

Display the number votes this entry has received

Comments

Display the number comments this entry has received

Duration

Note: Video Only

Include Primary field details

Primary text style

Reference to Font Style

Text color

Overrides color set in Font Style

Text size

Overrides size set in Font Style

Include Secondary field details

Secondary text style

Reference to Font Style

Text color

Overrides color set in Font Style

Text size

Overrides size set in Font Style


Did this answer your question?