Event Component

The Event Component helps you easily create engaging and visually appealing event listings for your website. With this tool, you can showcase your events in an eye-catching and user-friendly way.

The component comes with customizable features, such as a calendar widget that adds a visual touch to your events, and an option for visitors to add your events to their calendars with just a click, increasing the chances that they'll participate.

Whether you're organizing a seminar, a student event, or a community gathering, this component will help your event stand out and encouraging interaction.

Example:

Feb
9
Event Headline
Optional Subtitle
Friday, February 9, 2024 | 11 a.m. - 1 p.m.
Location: Galloway Campus, F-001
Lorem ipsum dolor sit amet consectetur adipiscing elit gravida varius, tempus tristique magna eleifend habitant nam pretium blandit, ad est magnis dui taciti morbi vel cursus. Risus bibendum enim netus vulputate ridiculus elementum quis nunc, pellentesque orci vestibulum ligula rutrum sagittis quam sollicitudin dictum, congue dapibus consequat potenti cras per lacinia.

Component Options

 

Event name and subtitle: This is where you'll input the main title of your event, along with an optional subtitle to give additional information at a glance.

Event Date: Choose the starting date and, if needed, an end date to clearly outline the length of your event, especially useful if it extends over several days.

Event Time: Here, you can set what time your event begins and ends. Setting a time is optional, but is required to use the add-to-calendar button.

Location & Description:

Please input the location of the event to guide participants to the correct location. If your event will be hosted on Zoom, ensure to include the direct Zoom meeting link.

Utilize the rich text editor to create a description, ensuring you provide all essential information about your event, making it accessible and clear to all attendees.

Optional Image

Adding an image can significantly enhance your event's visibility on the website. Please note that images will be automatically adjusted to fit a 16:9 aspect ratio. For optimal results, we recommend using an image size of 800 x 450 pixels to ensure a perfect fit.

Additional Options:

Add to Calendar Button: Toggle this feature on to let visitors easily save your event to their calendars with a click. An event end time must also be specified to enable this feature.

Important note regarding the Add to Calendar feature: Please be aware that once an event is added to a user's calendar, any subsequent changes to the event details will not be updated automatically in their calendar. To ensure that attendees stay informed of any updates or potential changes, we recommend providing a link to your event's webpage. Alternatively, consider disabling this feature if you anticipate changes to the event date.

Widget Display: Choose between three color styles (Blue | Black | Clean) including the option to disable the display.

Widget Text Override: This option lets you personalize how the date is displayed on the widget, giving you control over its presentation for a unique touch.

Event Component Display

Display Examples

Compact Display:
The compact view is enabled when the component is used within a column snippet.

Black Widget Style

Feb
20
顿补苍煤
Traditional Music of Ireland
Tuesday, February 20, 2024 | 11 a.m.
Location: Performing Arts Center
Hailing from historic County Waterford, 顿补苍煤 is one of the leading traditional Irish ensembles of today. The group鈥檚 standing room only concerts throughout Ireland are true events featuring high-energy performances and a glorious mix of ancient Irish music and new repertoire.

Clean Widget Style

April
13
MUTTS GONE NUTS
Saturday, April 13, 2024 | 2 p.m.
Location: PAC
Imagine nine of the world鈥檚 most talented 4-legged performers in an uproariously funny, comedy dog spectacular that is leaving audiences everywhere howling for more! The all-star lineup includes the highest jumping dog in the universe, two Guinness World Record Champions, a hilarious six-pound Pomeranian Pikachu mix, and a host of previously discarded dogs that will dance, prance, flip

Disabled Widget Example:

Breaking Away
BAY ATLANTIC SYMPHONY
Sunday, May 5, 2024 | 2 - 3:20 p.m.
Location: Pac Experimental Theatre
Our season finale is both songful and charged with bounce and spirit. Transparent orchestration, dramatic color, and brilliance are woven throughout all three pieces.  Tommy Mesa is cellist of rare commitment, inspiration, and eloquence.

Different End Date Display:

May
5
Breaking Away -24h Special
BAY ATLANTIC SYMPHONY
May 5 - 6, 2024 | 2 p.m.
Location: Pac Experimental Theatre
Our season finale is both songful and charged with bounce and spirit. Transparent orchestration, dramatic color, and brilliance are woven throughout all three pieces.  Tommy Mesa is cellist of rare commitment, inspiration, and eloquence.

Usage Guidance

The Event Component is suggested for featuring major events on a webpage. If you are hoping to integrate a fully functioning calendar on your page, please consider using the Live25 calendar with Event Services.

Uploaded images display best in a 16:9 ratio, a flexible size is 800 x 350 px.

Implementation

  1. Open a page in Modern Campus CMS and enter editing mode.
  2. Place your cursor where you would like to place an event.
  3. From the toolbar, select the component icon Snippet icon, which resembles an atom symbol.
  4. From the list of components, select the Event component.
  5. Fill in the required fields and select your options.
  6. Save and preview.