Skip to main content
All CollectionsContestPad User DocumentationWebsite Builder
Configuring the Gallery to use an Entry Widget
Configuring the Gallery to use an Entry Widget
Templar Hankinson avatar
Written by Templar Hankinson
Updated over a year ago

Instructions

The Gallery Widget can be configured to display an individual Entry Widget when the entry is clicked. The Entry Widget can be on the same page as the Gallery, but typically the Entry Widget will be added to a different page and configured to appear as a modal pop screen.

Setting up the Entry Page

1. Our first task is to create an Entry page. This page will display the selected Gallery Item. From the PAGES panel, expand the Page dropdown list – you should see a + New Page option.

2. Press the New Page button.

3. In the Parameters panel, set the following attributes:

Parameter

Suggested Value

Name

Entry

Name in Menu

Entry

URL Slug

entry

Status

Enable

Page Description

Entry

Background Type

transparent

4. Press the submit button. The new Entry page will be loaded into the Preview window.

5. Select the Widgets panel by clicking Widgets on the top right of the Editor screen.

6. Add the Entry widget to the page.

7. Make sure the Entry widget is selected in the PAGES panel.

8. In the Parameters panel, set the following attributes:

Parameter

Suggested Value

Background type

transparent

Width type

full_width

Height type

vh:80

Next/Prev Entry arrows

On

Select Default Entry ID to display

0

entry header title text style

Heading 3

entry header details text style

Paragraph (set Text Color as required)

entry details label text style

Paragraph (set Text Color as required)

entry details text style

Paragraph (set Text Color as required)

Entry display layout location

Under entry

Setting up a Gallery Page

1. Now the Entry Page is created, we shall create a Gallery Page. Return to the PAGES panel, expand the Page dropdown list – you should see a + New Page option.

2. Press the New Page button.

3. In the Parameters panel, set the following attributes:

Parameter

Suggested Value

Name

Gallery

Name in Menu

Gallery

URL Slug

gallery

Status

Enable

Page Description

Gallery

Background Type

transparent

4. Press the submit button. The new page will be loaded into the Preview window.

5. Select the Widgets panel by clicking Widgets on the top right of the Editor screen.

6. Add the Gallery widget to the page.

7. At this point, you can also add Counter, Rich Text or Strip widgets to add titles, instructions, welcome messages, or any other content to the page.

Configure the Gallery and Entry Page Connection

1. We now have a Gallery and Entry page – but we need to configure the Gallery widget to use the Entry Widget. Return to Gallery page.

From the PAGES panel, expand the Page dropdown list (currently displaying Entry) and select Gallery.

2. Make sure the Gallery widget is selected in the PAGES panel.

3. Look at the Parameters panel. The key parameter to set is the View entry page field. This parameter allows you selects the page to display the individual entry selected by the Gallery viewer. Only pages that include an Entry widget will be selectable from the dropdown list.

4. Select the page Entry.

5. Set the parameter Display view to Popup.

6. The Gallery to Entry page connection is now configured. You can now configure Gallery’s look and feel – try experimenting with different Gallery Types, No. of Columns, etc.

7. Publish the changes if ready.

Did this answer your question?