{"id":264,"date":"2018-05-23T07:42:19","date_gmt":"2018-05-23T07:42:19","guid":{"rendered":"https:\/\/webnus.site\/dox\/?p=264"},"modified":"2026-10-13T10:34:43","modified_gmt":"2026-10-13T10:34:43","slug":"timetable-view-skin-settings","status":"publish","type":"knowledgebase","link":"https:\/\/webnus.net\/dox\/modern-events-calendar\/timetable-view-skin-settings\/","title":{"rendered":"Timetable View Skin Settings"},"content":{"rendered":"\n<p class=\"wp-block-paragraph\">&nbsp;<span id=\"p502\">Timetable View Skin in the Modern Events Calendar includes two layouts of modern and <span id=\"503\">clean views<\/span>.&nbsp;This&nbsp;<span id=\"499-500\">is<\/span>&nbsp;an optimum choice for&nbsp;<span id=\"488-489\">university<\/span>&nbsp;and school websites.<\/span><\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><span id=\"p456\"> Overall, o<span id=\"490-491\">rganizations<\/span> with a broad diversity of daily programs can <span id=\"501-502\">benefit<\/span>&nbsp;from this&nbsp;<span id=\"492-493\">display<\/span>&nbsp;a&nbsp;<span id=\"494-495\">lot<\/span>.<\/span><span id=\"p457\">&nbsp;<\/span><\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>Note:<\/strong>&nbsp;This skin is only available in&nbsp;the <strong>MEC Pro<\/strong>&nbsp;version.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"Timetable_View_Skin_Shortcode\"><\/span>Timetable View Skin Shortcode<span class=\"ez-toc-section-end\"><\/span><\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">You can use <a href=\"https:\/\/webnus.net\/dox\/modern-events-calendar\/making-advanced-shortcodes\/\" data-type=\"knowledgebase\" data-id=\"205\">shortcodes<\/a> in your internal pages to have this on your website. The shortcodes are located in&nbsp;<strong><strong>M.E. Calendar &gt;  Shortcodes<\/strong>.<\/strong><\/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\/timetable.png\" data-rel=\"lightbox-image-0\" data-rl_title=\"\" data-rl_caption=\"\" title=\"\"><img loading=\"lazy\" decoding=\"async\" width=\"2880\" height=\"1314\" src=\"https:\/\/webnus.net\/dox\/modern-events-calendar\/wp-content\/uploads\/2023\/11\/timetable.png\" alt=\"Timetable View Skin\" class=\"wp-image-10110\" title=\"\" srcset=\"https:\/\/webnus.net\/dox\/modern-events-calendar\/wp-content\/uploads\/2023\/11\/timetable.png 2880w, https:\/\/webnus.net\/dox\/modern-events-calendar\/wp-content\/uploads\/2023\/11\/timetable-300x137.png 300w, https:\/\/webnus.net\/dox\/modern-events-calendar\/wp-content\/uploads\/2023\/11\/timetable-1024x467.png 1024w, https:\/\/webnus.net\/dox\/modern-events-calendar\/wp-content\/uploads\/2023\/11\/timetable-768x350.png 768w, https:\/\/webnus.net\/dox\/modern-events-calendar\/wp-content\/uploads\/2023\/11\/timetable-1536x701.png 1536w, https:\/\/webnus.net\/dox\/modern-events-calendar\/wp-content\/uploads\/2023\/11\/timetable-2048x934.png 2048w\" sizes=\"auto, (max-width: 2880px) 100vw, 2880px\" \/><\/a><\/figure>\n\n\n\n<h2 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"Timetable_View_Layout\"><\/span>Timetable View Layout<span class=\"ez-toc-section-end\"><\/span><\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Here are the demos of Timetable View Skin in the Modern Events Calendar:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><a href=\"https:\/\/mec.webnus.net\/timetable-view-modern-style\/\" target=\"_blank\" rel=\"noreferrer noopener\">Timetable View \u2013 Modern<\/a><\/li>\n\n\n\n<li><a href=\"https:\/\/mec.webnus.net\/timetable-view-clean-style\/\" target=\"_blank\" rel=\"noreferrer noopener\">Timetable View \u2013 Clean<\/a><\/li>\n<\/ul>\n\n\n\n<p class=\"wp-block-paragraph\"><\/p>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"timetable-shortcode-options\"><span class=\"ez-toc-section\" id=\"Timetable_View_Shortcode_Options\"><\/span>Timetable View Shortcode Options<span class=\"ez-toc-section-end\"><\/span><\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">These are the options you see in <strong>M.E. Calendar &gt; Shortcodes<\/strong> after choosing the <strong>Timetable View<\/strong> skin. MEC Pro and some addons can add more styles and options.<\/p>\n\n\n\n<figure class=\"wp-block-table\"><table><thead><tr><th>Option<\/th><th>What it does<\/th><th>Values<\/th><\/tr><\/thead><tbody><tr><td><strong>Style<\/strong><\/td><td>Layout style of this view.<\/td><td>Modern \/ Clean<\/td><\/tr><tr><td><strong>Start Date<\/strong><\/td><td>The date the view starts showing events from.<\/td><td>Current Week \/ Next Week \/ Last Week \/ Start of Last Month \/ Start of Current Month \/ Start of Next Month \/ On a certain date<\/td><\/tr><tr><td><strong>Certain Start Date<\/strong><\/td><td>The exact start date, used when Start Date is set to &quot;On a certain date&quot;.<\/td><td>Date<\/td><\/tr><tr><td><strong>Events per day<\/strong><\/td><td>Maximum number of events shown per day.<\/td><td>Number<\/td><\/tr><tr><td><strong>Number of Days Per Week (Modern)<\/strong><\/td><td>How many days of the week the timetable shows (Modern style).<\/td><td>7 \/ 6 \/ 5<\/td><\/tr><tr><td><strong>Number of Days Per Week<\/strong><\/td><td>How many days of the week the timetable shows.<\/td><td>5 \/ 6 \/ 7<\/td><\/tr><tr><td><strong>Week Start<\/strong><\/td><td>First day of the week in the timetable.<\/td><td>Inherite from WordPress options \/ Sunday \/ Monday \/ Tuesday \/ Wednesday \/ Thursday \/ Friday \/ Saturday<\/td><\/tr><tr><td><strong>Start Time<\/strong><\/td><td>First hour shown in the timetable grid.<\/td><td>1:00 \/ 2:00 \/ 3:00 \/ 4:00 \/ 5:00 \/ 6:00 \/ 7:00 \/ 8:00 \/ 9:00 \/ 10:00 \/ 11:00 \/ 12:00<\/td><\/tr><tr><td><strong>End Time<\/strong><\/td><td>Last hour shown in the timetable grid.<\/td><td>13:00 \/ 14:00 \/ 15:00 \/ 16:00 \/ 17:00 \/ 18:00 \/ 19:00 \/ 20:00 \/ 21:00 \/ 22:00 \/ 23:00 \/ 24:00<\/td><\/tr><tr><td><strong>Include Local Time<\/strong><\/td><td>Also shows each event&#39;s time in the visitor&#39;s own time zone.<\/td><td>On \/ Off<\/td><\/tr><tr><td><strong>Display Normal Labels<\/strong><\/td><td>Shows event labels such as &quot;Featured&quot; or &quot;Canceled&quot;.<\/td><td>On \/ Off<\/td><\/tr><tr><td><strong>Display Reason for Cancellation<\/strong><\/td><td>Shows the cancellation reason on canceled events.<\/td><td>On \/ Off<\/td><\/tr><tr><td><strong>Next\/Previous Buttons<\/strong><\/td><td>Shows buttons to move to the previous and next period.<\/td><td>On \/ Off<\/td><\/tr><tr><td><strong>Single Event Display Method<\/strong><\/td><td>How the event opens when clicked.<\/td><td>Current Window \/ New Window \/ Modal Popup \/ Disable Link<\/td><\/tr><tr><td><strong>Booking Button \/ Icon<\/strong><\/td><td>Adds a booking button or icon to each event.<\/td><td>On \/ Off<\/td><\/tr><tr><td><strong>Display Custom Fields<\/strong><\/td><td>Shows event custom fields.<\/td><td>On \/ Off<\/td><\/tr><\/tbody><\/table><\/figure>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"timetable-faq\"><span class=\"ez-toc-section\" id=\"Timetable_View_FAQ\"><\/span>Timetable View FAQ<span class=\"ez-toc-section-end\"><\/span><\/h2>\n\n\n\n<h3 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"How_do_I_add_the_Timetable_View_to_a_page\"><\/span>How do I add the Timetable View to a page?<span class=\"ez-toc-section-end\"><\/span><\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">Go to <strong>M.E. Calendar &gt; Shortcodes<\/strong>, add a new shortcode, choose <strong>Timetable View<\/strong> as the skin, set the options above and publish it. Then copy the generated shortcode (for example <code>[MEC id=\"123\"]<\/code>) into any page, post or widget.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"How_do_I_show_only_some_events\"><\/span>How do I show only some events?<span class=\"ez-toc-section-end\"><\/span><\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">Open the <strong>Filter Options<\/strong> of the same shortcode and limit events by category, location, organizer, label, tag or author. See <a href=\"https:\/\/webnus.net\/dox\/modern-events-calendar\/making-advanced-shortcodes\/\">Making Advanced Shortcodes<\/a> for every filter.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"Can_visitors_move_to_the_next_or_previous_period\"><\/span>Can visitors move to the next or previous period?<span class=\"ez-toc-section-end\"><\/span><\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">Yes. Turn on <strong>Next\/Previous Buttons<\/strong> and visitors can browse earlier and later periods without leaving the page.<\/p>\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-264","knowledgebase","type-knowledgebase","status-publish","hentry","knowledgebase_cat-shortcodes"],"blocksy_meta":{"styles_descriptor":{"styles":{"desktop":"","tablet":"","mobile":""},"google_fonts":[],"version":8}},"_links":{"self":[{"href":"https:\/\/webnus.net\/dox\/modern-events-calendar\/wp-json\/wp\/v2\/knowledgebase\/264","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=264"}],"version-history":[{"count":2,"href":"https:\/\/webnus.net\/dox\/modern-events-calendar\/wp-json\/wp\/v2\/knowledgebase\/264\/revisions"}],"predecessor-version":[{"id":13737,"href":"https:\/\/webnus.net\/dox\/modern-events-calendar\/wp-json\/wp\/v2\/knowledgebase\/264\/revisions\/13737"}],"wp:attachment":[{"href":"https:\/\/webnus.net\/dox\/modern-events-calendar\/wp-json\/wp\/v2\/media?parent=264"}],"wp:term":[{"taxonomy":"knowledgebase_cat","embeddable":true,"href":"https:\/\/webnus.net\/dox\/modern-events-calendar\/wp-json\/wp\/v2\/knowledgebase_cat?post=264"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}