Grid View Skin Settings
Grid View Skin in Modern Events Calendar has seven different formats. Each one can be used following your current event plans and the general layout of the website theme.
Grid View Shortcode
You can use shortcodes in your internal pages to have this on your website. The shortcodes are located in M.E. Calendar > Shortcodes.
Grid View Skin Layouts
Here are the demos of Grid View Skin in the Modern Events Calendar:
- Grid View – Classic
- Grid View – Clean
- Grid View – Minimal
- Grid View – Modern
- Grid View – Simple
- Grid View – Colorful
- Grid View – Novel
Grid View Shortcode Options
These are the options you see in M.E. Calendar > Shortcodes after choosing the Grid View skin. MEC Pro and some addons can add more styles and options.
| Option | What it does | Values |
|---|---|---|
| Style | Layout style of this view. | Classic / Clean / Minimal / Modern / Simple / Colorful / Novel |
| Start Date | The 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 Date | The exact start date, used when Start Date is set to "On a certain date". | Date |
| End Date | Where 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 Date | Maximum Date: the last date to include when End Date is "On a certain date". | Date |
| Count in row | Number of events per row. | 1 / 2 / 3 / 4 / 6 / 12 |
| Limit | Maximum number of events loaded at once. | Number |
| Include Local Time | Also shows each event's time in the visitor's own time zone. | On / Off |
| Include Events Times | Shows the start and end time of each event. | On / Off |
| Load More Button | Adds a "Load More" button so visitors can load the next batch of events. | On / Off |
| Display Normal Labels | Shows event labels such as "Featured" or "Canceled". | On / Off |
| Display Reason for Cancellation | Shows the cancellation reason on canceled events. | On / Off |
| Display Categories | Shows the categories of each event. | On / Off |
| Show Map on top | Displays a map of the listed events above the view. | On / Off |
| Geolocation | Centers the map on the visitor's location. | On / Off |
| Disable Geolocation Force Focus | Stops the map from forcing focus to the visitor's location. | On / Off |
| Descending Order | Shows the newest events first. | On / Off |
| Single Event Display Method | How the event opens when clicked. | Current Window / New Window / Modal Popup / Disable Link |
| Booking Button / Icon | Adds a booking button or icon to each event. | On / Off |
| Display Custom Fields | Shows event custom fields. | On / Off |
| Display Organizers | Shows the organizer of each event. | On / Off |
| Date Formats | Date formats used by the selected style, written with PHP date characters. | Text (e.g. j, M, Y) |
Grid View FAQ
How do I add the Grid View to a page?
Go to M.E. Calendar > Shortcodes, add a new shortcode, choose Grid 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 Grid 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.
Hello,
is there a way to change the speed of the carousel in grid view ?
Thx !
Hi, I am using the short code “MEC Id” to display the event calendar, but I realized that for the first event in the list the link does not work and does not open the event page. you can see this on the home page of the “sametica.it” site. Thank you.
Regards
Hello,
make sure you have the latest version.
For troubleshooting, deactivate all your plugins and let the MEC remain active only, set your theme on default, then reload the page, if the issue was solved, then activate your plugins one by one and your theme, refresh your page and check to see which plugin is causing the issue.
if the issue remains, please go to support.webnus.net and there you can log in or sign up. to create a new ticket, simply head over to webnus.net/support and click on ‘Create a Ticket’ and share the required information.
Hi, Is it possible to change the button text, for instance instead of View Details .. Read more?
Hello,
You can change those text using a translation plugin.
https://webnus.net/dox/modern-events-calendar/translate-mec/
https://wordpress.org/plugins/loco-translate/
Hi, is it possible to make the date box in the grid view (minimal) clickable. So it links to the single event, like clicking the title?
Hello, Unfortunately not, it’s not possible.
How to show recent event top in listings