Jump to main content Jump to doc navigation

Examples for EventsX

Display a list of upcoming events

Go to components -> EventsX and create some events

(make sure they are active)

create your chunk "upcomingEvents"

<li>[[+location:htmlentities]]: <a href="[[+url]]" title="[[+name:htmlentities]]">[[+name:htmlentities]]</a> <time datetime="[[+startdate:strtotime:date=`%Y-%m-%d`]]" title="event is scheduled on [[+startdate:strtotime:date=`%d.%m.%Y`]]">[[+startdate:strtotime:date=%d.%m.%Y`]]</time></li>

create snippet call

Add this snippet call on your template or resource where you would like to display the list of events.

<h2>next events:</h2>
<ol id="eventcal">
    [[!EventsX? &tpl=`upcomingEvents` &limit=`10`]]


A screenshot could look like this. Note that I've styled the time element individually.

See Also

  1. EventsX.Examples

Support the team building MODX with a monthly donation.

The budget raised through OpenCollective is transparent, including payouts, and any contributor can apply to be paid for their work on MODX.


  • modmore
  • Jens Wittmann – Gestaltung & Entwicklung
  • Fabian Christen
  • Digital Penguin
  • Dannevang Digital
  • Sepia River Studios
  • Chris Fickling
  • CrewMark
  • deJaya
  • Following Sea
  • Anton Tarasov
  • eydolan
  • Raffy
  • Lefthandmedia
  • Murray Wood
  • Snow Creative
  • Nick Clark
  • Helen
  • JT Skaggs
  • krisznet
  • YJ
  • Yanni
  • Richard


$367 per month—let's make that $500!

Learn more