{"id":274,"date":"2018-05-23T08:00:29","date_gmt":"2018-05-23T08:00:29","guid":{"rendered":"https:\/\/webnus.site\/dox\/?p=274"},"modified":"2023-11-06T06:50:51","modified_gmt":"2023-11-06T06:50:51","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<p>\u00a0<span id=\"p611\">Masonry View Skin,<\/span> in simple terms,\u00a0is\u00a0a smart grid view.\u00a0This\u00a0display\u00a0takes advantage\u00a0of the\u00a0space\u00a0inside the\u00a0page\u00a0since it\u00a0requires\u00a0no specific height or<span id=\"p612\">\u00a0<span id=\"656-657\">width<\/span>.\u00a0Additionally, you can\u00a0<span id=\"673-674\">set<\/span>\u00a0an\u00a0<span id=\"658\">extract<\/span>\u00a0of the required information about each\u00a0<span id=\"615-659-660\">event<\/span>\u00a0<span id=\"675\">aligned<\/span>\u00a0with the\u00a0<span id=\"661-662\">location<\/span>\u00a0and date below the\u00a0<span id=\"663-664\">picture<\/span>\u00a0of the\u00a0<span id=\"616-665-666\">event<\/span>.\u00a0<\/span><\/p>\n\n\n\n<p><strong>Note:<\/strong>\u00a0This skin is only available in\u00a0the <strong>MEC Pro<\/strong>\u00a0version.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"Masonry_View_Skin_Shortcode\"><\/span>Masonry View Skin Shortcode<span class=\"ez-toc-section-end\"><\/span><\/h2>\n\n\n\n<p>You can use <a href=\"https:\/\/webnus.net\/dox\/modern-events-calendar\/making-advanced-shortcodes\/\" target=\"_blank\" data-type=\"knowledgebase\" data-id=\"205\" rel=\"noreferrer noopener\">shortcodes<\/a> in your internal pages to have this on your website. The shortcodes are located in\u00a0<strong><strong>M.E. Calendar >  Shortcodes<\/strong><\/strong>.<\/p>\n\n\n\n<p>If you want to convert Masonry to Grid, you can use the &#8220;Fit to row&#8221; and &#8220;Convert Masonry to Grid&#8221; options.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><a href=\"https:\/\/webnus.net\/dox\/modern-events-calendar\/wp-content\/uploads\/2023\/11\/masonry.png\" data-rel=\"lightbox-image-0\" data-rl_title=\"\" data-rl_caption=\"\" title=\"\"><img loading=\"lazy\" decoding=\"async\" width=\"2878\" height=\"1254\" src=\"https:\/\/webnus.net\/dox\/modern-events-calendar\/wp-content\/uploads\/2023\/11\/masonry.png\" alt=\"Masonry View Skin \" class=\"wp-image-10119\" title=\"\" srcset=\"https:\/\/webnus.net\/dox\/modern-events-calendar\/wp-content\/uploads\/2023\/11\/masonry.png 2878w, https:\/\/webnus.net\/dox\/modern-events-calendar\/wp-content\/uploads\/2023\/11\/masonry-300x131.png 300w, https:\/\/webnus.net\/dox\/modern-events-calendar\/wp-content\/uploads\/2023\/11\/masonry-1024x446.png 1024w, https:\/\/webnus.net\/dox\/modern-events-calendar\/wp-content\/uploads\/2023\/11\/masonry-768x335.png 768w, https:\/\/webnus.net\/dox\/modern-events-calendar\/wp-content\/uploads\/2023\/11\/masonry-1536x669.png 1536w, https:\/\/webnus.net\/dox\/modern-events-calendar\/wp-content\/uploads\/2023\/11\/masonry-2048x892.png 2048w\" sizes=\"auto, (max-width: 2878px) 100vw, 2878px\" \/><\/a><\/figure>\n\n\n\n<h2 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"Masonry_View_Skin_Layout\"><\/span>Masonry View Skin Layout<span class=\"ez-toc-section-end\"><\/span><\/h2>\n\n\n\n<p>Here is the demo of Masonry View Skin in the Modern Events Calendar:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><a href=\"https:\/\/webnus.net\/modern-events-calendar\/masonry-view\/\" data-description=\"\">Masonry View<\/a><\/li>\n<\/ul>\n","protected":false},"excerpt":{"rendered":"<p>You can use shortcodes in your internal pages to have this on your website. The shortcode is located in M.E.Calendar > Settings > Shortcodes. It generally resembles the skin. Here\u2019s the original demo:<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","template":"","knowledgebase_cat":[42],"class_list":["post-274","knowledgebase","type-knowledgebase","status-publish","hentry","knowledgebase_cat-shortcodes"],"blocksy_meta":[],"_links":{"self":[{"href":"https:\/\/webnus.net\/dox\/modern-events-calendar\/wp-json\/wp\/v2\/knowledgebase\/274","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/webnus.net\/dox\/modern-events-calendar\/wp-json\/wp\/v2\/knowledgebase"}],"about":[{"href":"https:\/\/webnus.net\/dox\/modern-events-calendar\/wp-json\/wp\/v2\/types\/knowledgebase"}],"author":[{"embeddable":true,"href":"https:\/\/webnus.net\/dox\/modern-events-calendar\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/webnus.net\/dox\/modern-events-calendar\/wp-json\/wp\/v2\/comments?post=274"}],"version-history":[{"count":2,"href":"https:\/\/webnus.net\/dox\/modern-events-calendar\/wp-json\/wp\/v2\/knowledgebase\/274\/revisions"}],"predecessor-version":[{"id":10120,"href":"https:\/\/webnus.net\/dox\/modern-events-calendar\/wp-json\/wp\/v2\/knowledgebase\/274\/revisions\/10120"}],"wp:attachment":[{"href":"https:\/\/webnus.net\/dox\/modern-events-calendar\/wp-json\/wp\/v2\/media?parent=274"}],"wp:term":[{"taxonomy":"knowledgebase_cat","embeddable":true,"href":"https:\/\/webnus.net\/dox\/modern-events-calendar\/wp-json\/wp\/v2\/knowledgebase_cat?post=274"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}