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
  • Tile View Skin Settings
  • Tile View Skin Shortcode
  • Tile View Shortcode Options
  • Tile View FAQ
    • How do I add the Tile View to a page?
    • How do I show only some events?
    • Can the Tile View show past events?

Shortcodes

Tile View Skin Settings

 
In Modern Events Calendar Tile View Skin Settings, you can show all the events in the form of a tile, and they can be arranged in order of the date of a month. By this layout, you keep the information to the minimum and twist the minimalist display in the favor of user attention.

Tile View Skin Settings

In Tile View Skin, featured image of a program or a gathering often plays the most crucial role, so to have the best user interface be selective about the images.

Tile View Skin Shortcode

You can use shortcodes in your internal pages to have this on your website. The shortcodes are located in M.E. Calendar > Shortcodes.

MEC shortcode editor with Tile View skin display options

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

  • Tile View

Tile View Shortcode Options

These are the options you see in M.E. Calendar > Shortcodes after choosing the Tile 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.Start of Current Month / Start of Next Month / Start of Last Month / On a certain date
Certain Start DateThe exact start date, used when Start Date is set to "On a certain date".Date
Count in rowNumber of events per row.4 / 3 / 2
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
Next/Previous ButtonsShows buttons to move to the previous and next period.On / Off
LimitMaximum number of events loaded at once.Number
Load More ButtonAdds a "Load More" button so visitors can load the next batch of events.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)

Tile View FAQ

How do I add the Tile View to a page?

Go to M.E. Calendar > Shortcodes, add a new shortcode, choose Tile 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 Tile 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
  • Timeline View Skin Settings
  • Masonry View Skin Settings
  • Agenda View Skin Settings
  • Available Spot View Skin Settings
Login Submit
0 Comments

No Comment.

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.