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. |
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: · tumblr |
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 |