Setup a events list module or add one to your own pages.

Some of the event lists on your website may be configured to show different event types and styles. You may also add an events list to your own pages.

To do this, follow these steps:

• Click the settings below the module and override the default settings (see here) or add a module to your own pages, using the Page Designer
• Select a Display Type
• Tick all the Event TypesSections that you want to show events for
• Tick the Excl. Private Events field to hide events with privacy settings from users who are not logged in or do not have permission to view them.
• Set the Animation Fields as required
• Click to keep your changes or to abandon your changes

You may also add a title to your events list by editing the Text/HTML module above the events list.

NB. If you make a mistake, you may reverse the change in the Admin/Admin Audit Trail

The events list comes with a selection of different display types that control the appearance of your events list.

To change the display type, follow these steps:

• Click the settings below the module and override the default settings (see here) or add a module to your own pages, using the Page Designer
• Change the Display Type. See Fig. 1
• Click to keep your changes or to abandon your changes
• Change the Display Type again until you find a layout that works for your page

NB. If you make a mistake, you may reverse the change in the Admin/Admin Audit Trail

To avoid having a very long list of events, you may limit the display height and add a scrollbar, if required.

To do this, follow these steps:

• Click the settings below the module and override the default settings (see here) or add a module to your own pages, using the Page Designer
• Set the Max Height field to the maximum number of pixels to display, with a "px" suffix. E.g. 500px - See Fig. 1
  You will see that the events list shown in Fig. 2 now has a vertical scroll bar, to allow all events to be viewed, but without having a long list on your web page.
• Click to keep your changes or to abandon your changes

NB. If you make a mistake, you may reverse the change in the Admin/Admin Audit Trail

You may use the Events List to display events from a Google Calendar.

The advantage of this is that you can set the styling of the events list to fit in with the rest of your website. You can also change the Display Type, and even merge events from your website and events from a Google Calendar into one list.

To edit a module, follow these steps:

• Click the settings below the module and override the default settings (see here) or add a module to your own pages, using the Page Designer
• Add a description of the Google Calendar into the Title field. NB. This is not displayed on the web page.
• Paste in your Google Calendar ID
• Select a Calendar Colour to use when displaying events from your Google Calendar in a 'Calendar' Display Type
• Select the Image Type to use for the website to pick a random image of this type, when displaying a header image in an events list
• You may also tick website Sections Event Types to show Google and website events in the same events list.
  In the example shown in Fig. 1, en.uk.official#holiday@group.v.calendar.google.com is used to display UK Bank Holidays. You could paste that into the Calendar ID of any Events List to highlight Bank Holidays.
• Click to keep your changes or to abandon your changes

NB. If you make a mistake, you may reverse the change in the Admin/Admin Audit Trail