{"id":274,"date":"2018-05-23T08:00:29","date_gmt":"2018-05-23T08:00:29","guid":{"rendered":"https:\/\/webnus.site\/dox\/?p=274"},"modified":"2026-08-26T21:04:03","modified_gmt":"2026-08-26T21:04:03","slug":"masonry-view-skin-settings","status":"publish","type":"knowledgebase","link":"https:\/\/webnus.net\/dox\/modern-events-calendar\/masonry-view-skin-settings\/","title":{"rendered":"Masonry View Skin Settings"},"content":{"rendered":"\n

 Masonry View Skin,<\/span> in simple terms, is a smart grid view. This display takes advantage of the space inside the page since it requires no specific height or width<\/span>. Additionally, you can set<\/span> an extract<\/span> of the required information about each event<\/span> aligned<\/span> with the location<\/span> and date below the picture<\/span> of the event<\/span>. <\/span><\/p>\n\n\n\n

Note:<\/strong> This skin is only available in the MEC Pro<\/strong> version.<\/p>\n\n\n\n

<\/span>Masonry View Skin Shortcode<\/span><\/h2>\n\n\n\n

You can use shortcodes<\/a> in your internal pages to have this on your website. The shortcodes are located in M.E. Calendar > Shortcodes<\/strong><\/strong>.<\/p>\n\n\n\n

If you want to convert Masonry to Grid, you can use the “Fit to row” and “Convert Masonry to Grid” options.<\/p>\n\n\n\n

\"Masonry<\/a><\/figure>\n\n\n\n

<\/span>Masonry View Skin Layout<\/span><\/h2>\n\n\n\n

Here is the demo of Masonry View Skin in the Modern Events Calendar:<\/p>\n\n\n\n