Event List


The Event List is a configurable webpage element within the Mition platform that allows administrators to display a list of events on any public or private webpage. This module is designed to help organizations promote upcoming or past events in a structured, visually consistent format, while offering flexibility in layout, filtering, and access control.

The Event List pulls data from the Events module and displays it based on filters and settings you configure. It can be embedded on any webpage and will automatically update as new events are added, or existing ones are modified.

The Event List module is primarily used to showcase events that have been created in the Event Admin section of the platform. It can be embedded into landing pages, dashboards, or community portals to improve visibility and encourage participation. This module is ideal for organizations that host regular training sessions, webinars, meetings, or social gatherings and want to present them in a clean, accessible format.

Displays events as selected by category / tags. You can change the card sizes from 3,4,6 and 12. For example a size 4 card (default) will fit 3 events per row on a large desktop. On mobile they all become size 12 (full width).

Event list uses the event hero image (hero mobile for mobile), the date / location and short description for each event and redirect the user to the actual event page.

If the event spans over 2 months, we hide the actual start and finish dates. You can use this for on demand or self serve training events.

Email Automation:

- Welcome emails (per event)
- Event reminders (for event categories)

For paid events you can setup invoice alerts in general for late invoices etc.


Each version offers a distinct layout and user experience:

EventList (Original), EventList 2.0, EventList 3.0, EventList 4.0

Once a version is selected, you can customize the module. Each event in the list can show:

  • Event title
  • Date and time (start and end)
  • Location (venue or online link)
  • Short description
  • Registration button (links to the event registration page)

Branch / Venue Mode


There is an option to turn on Branch Mode and Venue Mode for Events (see Admin Settings > Events).

This allows you to add a Branch and Venue to each event. When this is added, the Event List component will include features to allow you to filter by Branch and Venue.

This is particularly useful for organizations with multiple locations or departments, ensuring users see only the events relevant to them.

This adds additional features you can use to let a branch/region/chapter manage their own events, see more here: /knowledge-base/branch-mode

Use Custom Classes : HideFilters to hide branch and venue filters or use HideFiltersAll to hide all filters including tags filters.

Security and Visibility Settings


The Advanced Security section allows you to manage who can view the Event List module:

  • Hide for Roles: Select user roles that should not see the module.
  • Show for Roles: Specify roles that are allowed to view the module.

These settings help tailor content visibility based on user type, such as members, staff, or public visitors.

Single Event Selection (Alternative Module Type)

If you choose the Event module type instead of Event List, you can manually select a specific event from the dropdown. This is ideal for highlighting a single event in full detail, such as a featured training session or keynote.


cta-image2

Each version of the Event List module offers a unique visual presentation.


Event List

This version displays event cards side by side, each featuring:

  • A header image
  • A date badge
  • Event title and subtitle
  • Scheduled date
  • Action button

This layout is straightforward and effective for showcasing multiple events with basic information.

Oct
31

Sample Event 2
Sample Event
When: 01/11/2027
Timezone: Australia/Sydney

Demo site

Oct
31

Sample Event
Sample Event
When: 01/11/2029
Timezone: Australia/Sydney

Demo site


Event List 2.0

This version displays event cards side by side, each featuring:

This version introduces a cleaner, more modern design. Each card includes:

  • A stylized illustration as the header
  • A date badge
  • Event title
  • A ACTION BUTTON (read more) link

The layout emphasizes clarity and visual appeal, making it suitable for public-facing pages.

Event List 2.0 has the ability to add the new advanced Dynamic Filter (with date range, search by Country, State or Town and by name), to activate this feature just add the text DynamicFilter to the Event List 2.0 Custom CSS section. This filter remembers the users last preference too (closed or open)

Advanced Search
Oct
31

Sample Event 2
Oct
31

Sample Event


Event List 3.0

This version adds interactivity with a Filters button, allowing users to refine the list based on tags or categories. Each card includes:

  • A date badge
  • Event title and subtitle

The design is streamlined and user-friendly, ideal for dashboards or member portals.

Filters
Sample Event 2
Oct
31
Sample Event
Sample Event
Oct
31
Sample Event



Event List 4.0

This is the most advanced version, featuring:

  • Large hero-style header images with “Hero (Desktop) 1900x300” dimensions
  • Full date formatting (e.g., “Nov 01 2027”)
  • Event title and subtitle
  • A star icon for favoriting
  • A VIEW button for accessing full event details
  • An optional Advanced Search checkbox above the cards

This layout is visually rich and highly interactive, best suited for promotional pages or event hubs.

Advanced Search
Sample Event 2
Oct
31 2027
Sample Event
Sample Event
Oct
31 2029
Sample Event

Each event in the Event List module is shown as a card with key details like the event title, date, and a short description. Cards often include a header image and a date badge for quick reference. Depending on the version, users may see a subtitle, location, or a star icon to mark favorites. A button like READ MORE or VIEW lets users access full event details. Advanced versions may also include filters or search options to help users find specific events easily

The Event List module is a powerful way to keep your audience informed and engaged. With flexible layouts, filtering options, and seamless integration with your event data, it’s built to adapt to a wide range of use cases—from internal training calendars to public-facing event promotions. As your needs evolve, this module can be easily updated to reflect new styles, structures, or priorities, ensuring your event listings always stay relevant and user-friendly.


Flip Cards

Back to all components. A "flip card" element provides an interactive card that flips to reveal additional content when hovered or clicked. It adds dynamic visual effects and is useful for displaying more information in a compact space.

Read More