Skip to content
No results
Modern Events Calendar logo
  • Installation
    • Installation
    • Activation
    • Auto Update
    • Manual Update
    • Change License Domain
  • Settings
    • General
    • Archive Page
    • Slugs/Permalinks
    • Currency
    • View All
  • Single Event
    • Single Event Settings
    • How to Add Event In MEC Plugin?
    • MEC Single Sidebar
    • Custom Fields
    • View All
  • Event Modules
    • Speakers
    • Organizers
    • Locations
    • Map
    • View All
  • Booking Settings
    • Booking Module
    • Booking Elements
    • Booking Form
    • Payment Gateways
    • View All
  • Event Submission
    • General
    • Access Level
    • FES Sections
    • Required Fields
    • View All
  • Integrations
    • Mailchimp
    • Paid Memberships Pro
    • BuddyPress
    • LearnDash
    • View All
  • Notifications
    • Booking Notification
    • Booking Confirmation
    • Booking Reminder
    • Admin Notification
    • View All
  • Addons
    • Elementor Single Builder Addon
    • Ticket and Invoice Addon
    • Event Seat Addon
    • Virtual Events Addon
    • View All
  • Other
    • Appearance Settings
    • Translation
    • Knowledge
    • Troubleshooting
    • Developer
Modern Events Calendar logo

  • Categories
    • Installation
      • Installation
      • Activation
      • Auto Update
      • Manual Update
      • Change License Domain
    • General Settings
      • General
      • Archive Pages
      • Slugs/Permalinks
      • Currency
      • View All
    • Single Event
      • Single Event Settings
      • MEC Single Sidebar
      • How to Add Event In MEC Plugin?
      • Custom Fields
      • View All
    • Event Modules
      • Speakers
      • Organizers
      • Locations
      • Map
      • View All
    • Booking Settings
      • Booking Module
      • Add a Booking System
      • Booking Form
      • Organizer Payment Settings
      • View All
    • Event Submission
      • General
      • Access Level
      • FES Sections
      • Required Fields
      • View All
    • MEC Integrations
      • Mailchimp
      • BuddyPress
      • LearnDash
      • Paid Memberships Pro
      • View All
    • Notifications
      • Booking Notification
      • Booking Confirmation
      • Booking Reminder
      • Admin Notification
      • View All
    • Addons
      • Elementor Single Builder Addon
      • Ticket and Invoice Addon
      • Event Seat Addon
      • Virtual Events Addon
      • View All
    • Other
      • Appearance Settings
      • Translation
      • Knowledge
      • Troubleshooting
      • Developer

Submit a Ticket
Modern Events Calendar logo

Toggle
  • How to use Timeline View Skin Settings
  • Timeline View Skin Shortcode
  • Timeline View Shortcode Options
  • Timeline View FAQ
    • How do I add the Timeline View to a page?
    • How do I show only some events?
    • Can the Timeline View show past events?

Shortcodes

Timeline View Skin Settings

 
Timeline View Skin Settings is one of the most elegant displays in Modern Events Calendar. 

How to use Timeline View Skin Settings

You can use Timeline View shortcodes in your internal pages to display the events as a timeline for users.

Timeline View Skin Shortcode

The shortcodes are located in M.E. Calendar > Shortcodes.

MEC shortcode editor with Timeline View skin display options

Here is the demo of Timeline View Skin in the Modern Events Calendar:

  • Timeline View

Timeline View Shortcode Options

These are the options you see in M.E. Calendar > Shortcodes after choosing the Timeline View skin. MEC Pro and some addons can add more styles and options.

OptionWhat it doesValues
Start DateThe date the view starts showing events from.Today / Tomorrow / Yesterday / Start of Last Month / Start of Current Month / Start of Next Month / On a certain date
Certain Start DateThe exact start date, used when Start Date is set to "On a certain date".Date
End DateWhere the list stops. Leave it on "On a certain date" with an empty Maximum Date for no end limit.On a certain date / Today / Tomorrow
Maximum DateMaximum Date: the last date to include when End Date is "On a certain date".Date
LimitMaximum number of events loaded at once.Number
Include Local TimeAlso shows each event's time in the visitor's own time zone.On / Off
Display Normal LabelsShows event labels such as "Featured" or "Canceled".On / Off
Display Reason for CancellationShows the cancellation reason on canceled events.On / Off
Display CategoriesShows the categories of each event.On / Off
Load More ButtonAdds a "Load More" button so visitors can load the next batch of events.On / Off
Show Month DividerGroups events under a heading for each month.On / Off
Descending OrderShows the newest events first.On / Off
Single Event Display MethodHow the event opens when clicked.Current Window / New Window / Modal Popup / Disable Link
Booking Button / IconAdds a booking button or icon to each event.On / Off
Display Custom FieldsShows event custom fields.On / Off
Display OrganizersShows the organizer of each event.On / Off
Date FormatsDate formats used by the selected style, written with PHP date characters.Text (e.g. j, M, Y)

Timeline View FAQ

How do I add the Timeline View to a page?

Go to M.E. Calendar > Shortcodes, add a new shortcode, choose Timeline View as the skin, set the options above and publish it. Then copy the generated shortcode (for example [MEC id="123"]) into any page, post or widget.

How do I show only some events?

Open the Filter Options of the same shortcode and limit events by category, location, organizer, label, tag or author. See Making Advanced Shortcodes for every filter.

Can the Timeline View show past events?

Yes. In Filter Options > Expired Events, turn on Include Expired Events to show past and upcoming events, or Show Only Expired Events to show only past ones. They are listed from the Start Date you choose.

Share

Related Articles

  • General Calendar View Skin Settings
  • Tile View Skin Settings
  • Masonry View Skin Settings
  • Agenda View Skin Settings
  • Available Spot View Skin Settings
Login Submit
2 Comments
sJake April 30, 2020
| |

I have discovered a new issue with Time Line view. It used to work grat but when I just checked Time Line view is now listing every single day in a multi day event!
I have not changed any settings, have checked the settings but cant see anything wrong?
Please can someone look into this for me?

0 0
0
Reply
Sarah Wang May 4, 2020
| |
sJake I have discovered a new issue with Time Line view.

Hello,
it will be fixed on the next update. thank you for your patience.

0 0
0
Reply

Still no luck? We can help!

If you did not find what you were looking for, please submit a ticket in our support system.

Submit a Ticket
Webnus Banner
Modern Events Calendar

Please read our Terms and Conditions and Privacy Policy.

4.2 Great

About 11 Review us on Trustpilot

Copyright © 2026. All rights reserved. Webnus Inc.