Event listing
Use the event listing component to provide an event listing on your web page.
The event listing shows future events and a maximum of 20 recurring events. |
Add the component to your page
When you are editing your page using page-builder:
-
Add a component to your page by clicking the
Add component button or by adding a content block (by clicking the button) then clicking the add component button. -
Locate the event listing Squiz core component within the component browser and then click the Select button.
-
This will add the event listing component to your page.
Configure the event listing component
-
The [event-configuration] section.
Add button allows you to add additional events. When the component loads you will have an unpopulated event card that you can fill in . This is covered in the -
This setting defines the maximum number of events that will display in a row when viewing your page in a desktop browser.
-
This allows you to choose the heading level for the event title.
-
This applies a highlighting style to the first event.
-
This controls whether your cards display a call-to-action button.
-
Controls if there is a link displayed allowing the user to see all events.
This only applies to events that you have manually added. |
The following options configure each card:
-
The delete button will remove the event.
-
Enter the event’s title.
-
Enter the event’s date.
-
(Optional) Enter the event’s time.
-
(Optional) This field allows you to provide descriptive text, links, images, or a combination of these for your event.
-
(Optional) Choose an image that you have already uploaded to the CMS to display as the event thumbnail.
-
(optional) Allows you to add categories for your event by clicking the
button. A field presents, into which you can enter a category label. You can also add additional categories and reorder the category list. -
This specifies if you are linking to another page in the CMS or an external, user-specified link.
-
Depending on what link type you select you will see one or two fields to specify your link.
- Call-to-action button - Matrix asset
-
This is displayed for Matrix asset picker links and allows you to choose the CMS page to which your card links.
- Call-to-action button - Text
-
This is displayed for user-specified links and defines the link text.
- Call-to-action button - URL
-
This is displayed for user-specified links and defines the link URL.
-
This controls how the link is opened when you click it. For example, open in a new page.
-
The
Add button allows you to add additional events.