An official website of the State of Maryland.

Maryland.gov Translate

Official websites use .gov
A .gov website belongs to an official government organization in the United States.

Secure .gov websites use HTTPS
A lock ( ) or https:// means you’ve safely connected to the .gov website. Share sensitive information only on official, secure websites.

Maryland Digital Playbook
Updated:

How to use an Event Page

An Event Page highlights a meeting, public gathering, scheduled activity, or other event.

  • Add basic event details, including dates and registration.
  • Customize the page using Page Components. All are available except Callout and Summary Box.
  • Create an event calendar using a Listing Page to show a full list of upcoming or past events.

See an example Event Page

Watch: How to create an Event Page

See how to create an Event on your website. 

Required fields

1. Title - 75 characters max

The Title appears at the top of every page. 

2. Summary - 160 characters max

The Summary (also called a meta description) provides a short description of the page for search results, social media, or assistive technology. The Summary does not appear on the page.

When creating a Summary, be concise and describe what visitors will find on the page

3. Date

Events can have a start and end time or be all day. The end date is optional.

4. Event location type

Choose if the event is: 

  • Physical location only
  • Virtual space only
  • Physical and virtual event

Optional fields

1. Location / address

Add a optional address(s) to your event. Automatically show the address from a Physical event location page or manually add a Custom event address.

2. Virtual event link

3. Event cost

4. Event introduction - 200 characters max

Add a heading and additional details about the event. This shows above the event location / address, virtual event link, and event cost.

5. Featured image

A Featured image can be included at the bottom of the page. 

  • Use an image at least 800px wide, with a 16:9 aspect ratio.
  • The image should be meaningful.
  • Don’t use logos, branding, or images with overlaid text.

5. Recap - unlimited characters

Provide a summary, highlights, or meeting notes after the event has ended. This shows only once the event has ended.

6. Body - unlimited characters

Use to include additional information about the event that isn't included above. This might include speaker information, instructions for attendees, parking or accessibility details, and more.

7. Description for listing pages - 250 characters max

Use the Description for listing pages to include a summary or other information when it's included on a Listing Page. When used, this shows underneath the Page title on the Listing Page.

This information does not appear on the Event Page itself.

8. Registration link

Use to feature a registration button at the top of the page. This button can optionally include an expiration date, after which it will no longer be shown.

9. Related contacts

Use Related contacts to link to other Contact Pages on your site. This may be the individual or team organizing the event.

These appear underneath a "Related Contacts" heading by default. This can be changed by using the Contact header field.

10. Related documents

Use Related documents to link to PDFs, Excel files and other uploaded documents. 

These appear underneath a "Related files" heading.

Taxonomy & tags

Use tags to organize your pages. Tags can be used as filters on a Listing Page or automatically pull a page into the Automatic List component. These terms do not appear on the page.

You can categorize Event Pages with:

  • Topic
  • Event Type
  • Event Series
  • Division / Section
  • Agency Taxonomy

Get support

Ask questions about the Maryland Drupal CMS, Maryland Web Design System (MDWDS), accessibility, plain language, and more.

Get support