Build Calendar

Instructions

From the T4 Site Structure, navigate to the page you are updating. Under the Calendar link in your site tree, click on the subpage called "Events."

How to add events to the calendar content type

1. Click the Add Content button.
2. Select Event from the list of content types.
3. Use the following content elements:
   • Name: Add descriptive name of content type to be used within T4 Site Structure.
   • Title: Enter the name of the event.
   • Image: Select an image from the Media Library. The ideal image size is 1400 × 480 pixels.
   • Event calendar: Select a category from the list.
   • Brief description: Enter a short description of the event preview.
   • Description: Enter a long description for full-text view.
   • CTA link: Add language to describe the registration link.
   • CTA link (internal): If you have a registration link on a different page of your Studio Site, put it here.
   • CTA link text: If you have an external registration link, put it here.
   • Event information: Select the following content elements based on the event type below.
   • Location: Enter the location of the event.
   • Organizer: Enter the organizer of the event.
4. Click the Save Changes button to save content as a draft, or press the arrow and select Save and Approve to save and publish updates.

Event types

There are five types of events you can set up in T4. Use the following content elements depending on what your event is.

Single-day event

For one-time events happening on a single date. Example: A company meeting is happening on one afternoon.

• Start date and time: July 21, 2025, 3:30 p.m.
• End date and time: July 21, 2025, 4:30 p.m.
• All-day event: No
• Recurs every: Never
• Recurrence end date: Leave blank
• Ad-hoc recurrence: Leave blank

Recurring events

For events that repeat daily, weekly, monthly, etc. Example: Weekly staff training every Monday for six weeks.

• Start date and time: July 21, 2025, 9 a.m.
• End Date and time: July 21, 2025, 10 a.m.
• All-day event: No
• Recurs every: 1 week
• Recurrence end date: Aug. 25, 2025, 9 a.m.
• Ad-hoc recurrence: Leave blank

Multi-day events

For events that span multiple consecutive days. Example: A three-day conference.

• Start date and time: July 21, 2025, 9 a.m.
• End date and time: July 23, 2025, 5 p.m.
• All-day event: Yes (so it appears as full-day across the range)
• Recurs every: None
• Recurrence end date: Leave blank
• Ad-hoc recurrence: Leave blank

Ad-hoc events

For irregular or unscheduled events that don’t fit the above patterns. Example: A committee meeting that happens on random dates, not on a set schedule.

• Start date and time: July 21, 2025, 3 p.m. (first meeting)
• End date and time: July 21, 2025, 4 p.m.
• All-day event: No
• Recurs every: Ad-hoc
• Recurrence end date: Leave blank
• Ad-hoc recurrence 1: Aug. 14, 2025, 3 p.m. (second meeting)
• Ad-hoc recurrence 2: Sept. 5, 2025, 3 p.m. (third meeting)

All-day event

This can be used with any event type. Example: A holiday closure that lasts all day.

• Start date and time: July 21, 2025, 12 a.m.
• End date and time: July 21, 2025, 11:59 p.m. (or same date with All Day checkbox checked)
• All-day event: Yes
• Recurs every: Can be set to None, Weekly, Monthly, or Ad-hoc — depending on if the holiday repeats
• Recurrence end date: Only needed if it’s recurring
• Ad-hoc recurrence: Can be used to add other random holiday dates

Common issues and troubleshooting

• The calendar cannot be previewed, so you will need to publish the events to view the changes
• If the dates do not validate, they will not display on the calendar
• On phones and tablets, the RSVP and Back to Events Calendar buttons will stay “stuck” to the bottom of the screen so they’re always visible
• On mobile devices, only the days that actually have events will be shown (empty days are hidden)

Additional resources

• Formatting Text in T4

By now, you should feel confident using the calendar content type to organize and highlight important dates, events, and deadlines. You’ve learned how to add a calendar, customize it, and make it interactive so users can easily take action and stay informed.