Agencies
Services
Event Template
Description
The Event Template can be used for any events and display on the Calendar component.
Authoring
Don't forget to use the date picker (calendar icon) to select both the Start and End Times. If you don't use the date picker, the platform may display the incorrect Event Date on the left-hand navigation.
Every site should have a section specifically for storing all the event pages for easy sorting and searching. The path should resemble something like /content/soi/[Your agency's acronym]/en/calendar.
Once you have selected to create a new page under the calendar path, using the Event Template, you will need to fill out some required information about the event before the page can be created. In the Event tab, you can:
- Enter an event title.
- Select an agency tag for the agency field. You need to navigate to /State of Illinois/ILGAgency and find your agency's acronym.
- Select an event type tag for the event type field. You need to navigate to /State of Illinois/ILGAgency/[Your agency's acronym]/Events Type, which is a tags folder storing all your agencies' events type tags.
- Select a content category tag for the state level category field. You need to navigate to /State of Illinois/Content Category, which is a tags folder containing all the relevant content based tags.
- Select an image, which will be displayed on the page.
- Select a thumbnail, which will be displayed on any events feed.
- Enter a description for the event.
- Enter the start time and end time, which should be on the same day.
- Enter up to 3 locations for where the event will take place. They can be either virtual or physical locations.
Once the page is created you will see the page has the following components by default:
- Global Header - Only editable from the experience fragment interface. Require special access.
- Header - Only editable from the home page.
- Breadcrumb - Embedded by default. Editable but does not require any modifications.
- Spacer - Embedded by default. Editable but does not require any modifications.
- Upcoming Events - Embedded by default. This component automatically pulls the 4 nearest future events that have the same events type tag as the current page. In case no events are pulled, you can enter message such as "No upcoming events."
- Title - Embedded by default. Editable but does not require any modifications.
- Events - Embedded by default. Editable but does not require any modifications. This component automatically populates based on the properties you entered in the Event tab.
- Footer - Only editable from the home page.
- Global Footer - Only editable from the experience fragment interface. Require special access.
Examples
Don't forget to use the date picker (calendar icon) to select both the Start and End Times. If you don't use the date picker, the platform may display the incorrect Event Date on the left-hand navigation.
How to add an event from the past
Follow the steps to add an event as you would normally.
When you get to the step of selecting the start date, the date picker will prevent you from picking a date from the past.
Select today’s date in the date picker.
Click the text of start date and edit it to the date and time you wish it to be.
Repeat these steps for the end date.
Military time entry
Military time, or 24 hour time, can be used when entering an event's time. This will not be shown to the end user. All times shown to the public are in traditional AM/PM times.
To enter time using military time, select the time including the "am" or "pm".
Type the 4-digit military time for the event (including the leading 0 where appropriate).
Tab out or click out of the field to see the time update to am/pm time.
