{"id":3145,"date":"2017-04-27T09:23:14","date_gmt":"2017-04-27T09:23:14","guid":{"rendered":"http:\/\/demo.curlythemes.com\/timetable-wordpress-plugin\/?page_id=3145"},"modified":"2017-10-01T22:49:06","modified_gmt":"2017-10-01T22:49:06","slug":"monthly-calendar","status":"publish","type":"page","link":"https:\/\/demo.curlythemes.com\/timetable-wordpress-plugin\/examples\/monthly-calendar\/","title":{"rendered":"Monthly Calendar"},"content":{"rendered":"<p>[vc_row grid=&#8221;true&#8221; css=&#8221;.vc_custom_1492623734112{padding-bottom: 40px !important;}&#8221;][vc_column][vc_column_text]<\/p>\n<h1 style=\"text-align: center;\"><small>MONTHLY CALENDAR EXAMPLE<\/small>THEATRE EVENTS CALENDAR<\/h1>\n<p class=\"lead\" style=\"text-align: center;\">The Monthly Calendar style is our solution for businesses that need to display numerous future events. It is great for a Theatre, Circus, Opera, Arena, Cinema, Museum, Aquarium or Comedy Bar. The calendar will always be displayed chronological, so your visitors can see right away which events are available soon. This schedule style doesn\u2019t need filters to display the classes in a smart and user friendly way, but you can choose to use them if you want.<\/p>\n<p>[\/vc_column_text][\/vc_column][\/vc_row][vc_row grid=&#8221;true&#8221; css=&#8221;.vc_custom_1492623740555{padding-top: 0px !important;padding-bottom: 50px !important;}&#8221;][vc_column width=&#8221;1\/2&#8243; offset=&#8221;vc_col-sm-offset-3&#8243;][vc_column_text]<\/p>\n<ul>\n<li>Events are listed in a monthly calendar, with a box for each day<\/li>\n<li>You can set the events to be one-time or repeatable events<\/li>\n<li>Clicking on events will open a pop-up window, with text and images<\/li>\n<li>You can assign as many Types, Directors and Locations as you need<\/li>\n<li>The size of the box will adjust depending on the number of events<\/li>\n<\/ul>\n<p>[\/vc_column_text][\/vc_column][\/vc_row][vc_row grid=&#8221;true&#8221; el_class=&#8221;content-padding-none&#8221; css=&#8221;.vc_custom_1499931246575{padding-top: 6rem !important;padding-bottom: 6rem !important;background-color: #f0f1f2 !important;}&#8221; el_id=&#8221;custom-google-font&#8221;][vc_column el_class=&#8221;content-padding box-shadow&#8221; css=&#8221;.vc_custom_1499936071609{padding-right: 2em !important;padding-left: 2em !important;background-color: #ffffff !important;}&#8221;]\t\t<div class=\"wcs-timetable__wrapper\">\n\t\t\t<div class=\"wcs-vue\" id=\"wcs-app-22\"><\/div>\n\t\t<\/div>\n\t\t[\/vc_column][vc_column el_class=&#8221;content-padding box-shadow&#8221; css=&#8221;.vc_custom_1499937504488{padding-right: 2em !important;padding-left: 2em !important;background-color: #ffffff !important;}&#8221;]\t\t<div class=\"wcs-timetable__wrapper\">\n\t\t\t<div class=\"wcs-vue\" id=\"wcs-app-25\"><\/div>\n\t\t<\/div>\n\t\t[\/vc_column][vc_column width=&#8221;1\/2&#8243; el_class=&#8221;content-padding box-shadow&#8221; css=&#8221;.vc_custom_1499937996649{padding-right: 2em !important;padding-left: 2em !important;background-color: #ffffff !important;}&#8221;]\t\t<div class=\"wcs-timetable__wrapper\">\n\t\t\t<div class=\"wcs-vue\" id=\"wcs-app-26\"><\/div>\n\t\t<\/div>\n\t\t[\/vc_column][vc_column width=&#8221;5\/12&#8243; el_class=&#8221;content-padding box-shadow&#8221; css=&#8221;.vc_custom_1499938006551{padding-right: 2em !important;padding-left: 2em !important;background-color: #ffffff !important;}&#8221; offset=&#8221;vc_col-sm-offset-1&#8243;]\t\t<div class=\"wcs-timetable__wrapper\">\n\t\t\t<div class=\"wcs-vue\" id=\"wcs-app-27\"><\/div>\n\t\t<\/div>\n\t\t[\/vc_column][\/vc_row][vc_row grid=&#8221;true&#8221; css=&#8221;.vc_custom_1492623753742{padding-top: 0px !important;padding-bottom: 0px !important;}&#8221;][vc_column width=&#8221;2\/3&#8243; offset=&#8221;vc_col-sm-offset-2&#8243; css=&#8221;.vc_custom_1456440805276{border-bottom-width: 1px !important;padding-top: 40px !important;padding-bottom: 40px !important;border-bottom-color: #e5e5e5 !important;border-bottom-style: solid !important;}&#8221;][vc_column_text]<span style=\"color: #999999;\">With the Monthly Calendar style, one of our 12\u00a0schedule styles available, you can display your events in a simple monthly calendar, with a box for each day, with or without events. Filters can be used to sort the events and the selection will reflect in the calendar, the days with no events will have an empty box. If there are no events\u00a0matching the selection, it will display a custom \u201cno events available\u201d message.<\/span>[\/vc_column_text][\/vc_column][\/vc_row][vc_row grid=&#8221;true&#8221; css=&#8221;.vc_custom_1492623762144{border-top-width: 0px !important;}&#8221;][vc_column offset=&#8221;vc_col-lg-6 vc_col-md-6 vc_col-xs-12&#8243;][vc_column_text]<\/p>\n<h2>Let&#8217;s see how\u00a0this schedule was created<\/h2>\n<p class=\"lead\">On the right, you can\u00a0see an\u00a0actual screenshot of the Schedule Builder for this timetable. You can create one yourself, in only a few minutes, with the following steps:<\/p>\n<p>[\/vc_column_text][vc_tta_accordion style=&#8221;flat&#8221; gap=&#8221;10&#8243; c_icon=&#8221;&#8221; active_section=&#8221;1&#8243; no_fill=&#8221;true&#8221; css=&#8221;.vc_custom_1455216512937{padding-top: 30px !important;padding-bottom: 30px !important;}&#8221;][vc_tta_section title=&#8221;Step 1 &#8211; Setup The Schedule Title &amp; Style&#8221; tab_id=&#8221;1455211351388-1878abcd-094f&#8221;][vc_column_text]<\/p>\n<ul>\n<li>Enter a title for your schedule, something like Theatre Monthly Calendar.<\/li>\n<li>Select the Monthly Calendar\u00a0style, great for a Theatre, Circus or Cinema.<\/li>\n<\/ul>\n<p>[\/vc_column_text][\/vc_tta_section][vc_tta_section title=&#8221;Step 2 &#8211; Setup the Schedule Content &amp; Filters&#8221; tab_id=&#8221;1455211351452-ec11c5b6-b42b&#8221;][vc_column_text]<\/p>\n<ul>\n<li>Choose your Schedule Contents. You can use the All option, to display Classes with any Type, Location or Instructor, or you can select the ones you need. In our example, we selected only the ones relevant to a Theatre\u00a0calendar.<\/li>\n<li>The\u00a0Available Filters tabs work in the same way. You can make a selection different than the one you have for Schedule Contents. This way, you can restrict filtering exactly how you want. In our example, we do not use filters.<\/li>\n<\/ul>\n<p>[\/vc_column_text][\/vc_tta_section][vc_tta_section title=&#8221;Step 3 &#8211; Setup The Custom Labels&#8221; tab_id=&#8221;1455211421076-a918d53e-7e3b&#8221;][vc_column_text]<\/p>\n<ul>\n<li>Use the Schedule Labels fields to name the Categories and Filters how you want. In this example, we changed the Instructor label to Director, to be relevant for a Theatre calendar.<\/li>\n<li>You can also customize other messages, like the one for no events available.<\/li>\n<\/ul>\n<p>[\/vc_column_text][\/vc_tta_section][vc_tta_section title=&#8221;Step 4 &#8211; Setup The Schedule Details&#8221; tab_id=&#8221;1455211474781-bf7f4ba5-0345&#8243;][vc_column_text]<\/p>\n<ul>\n<li>On the right, you can choose how many days to display. For the Monthly Calendar, this options is not available, as it will always display one month at a time.<\/li>\n<li>With the Display Options switchers you can choose to hide some of the info.<\/li>\n<li>The Filters Options switchers allow you to show only the filters categories you want. In this example, we hide all filters.<\/li>\n<\/ul>\n<p>[\/vc_column_text][\/vc_tta_section][vc_tta_section title=&#8221;Step 5 &#8211; Setup The Extra Customizations&#8221; tab_id=&#8221;1455211503606-3b19b881-d701&#8243;][vc_column_text]<\/p>\n<ul>\n<li>Choose how the pop-up modal should look. We are using the Small option.<\/li>\n<li>The Monthly Calendar Options allow you to customize display elements, like the position of the events list, borders, highlight style and others.<\/li>\n<\/ul>\n<p>[\/vc_column_text][\/vc_tta_section][vc_tta_section i_icon_fontawesome=&#8221;fa fa-flag&#8221; add_icon=&#8221;true&#8221; title=&#8221;Done!&#8221; tab_id=&#8221;1455214599342-fb76472e-812b&#8221;][vc_column_text]<\/p>\n<p class=\"lead\"><span style=\"color: #bf392b;\"><strong>Your Schedule is Ready!<\/strong> You can add it with our<br \/>\ncustom Visual Composer element or you can<br \/>\nuse the auto-generated shortcode on the right.<\/span><\/p>\n<p>[\/vc_column_text][\/vc_tta_section][\/vc_tta_accordion][\/vc_column][vc_column css=&#8221;.vc_custom_1455363959125{padding-top: 15px !important;padding-right: 15px !important;padding-bottom: 15px !important;padding-left: 15px !important;background-color: #f2f2f2 !important;}&#8221; offset=&#8221;vc_col-lg-6 vc_col-md-6 vc_col-xs-12&#8243;][vc_single_image image=&#8221;3126&#8243; img_size=&#8221;full&#8221; alignment=&#8221;center&#8221; el_class=&#8221;curly-lightbox&#8221;][\/vc_column][\/vc_row]<\/p>\n","protected":false},"excerpt":{"rendered":"<p>[vc_row grid=&#8221;true&#8221; css=&#8221;.vc_custom_1492623734112{padding-bottom: 40px !important;}&#8221;][vc_column][vc_column_text] MONTHLY CALENDAR EXAMPLETHEATRE EVENTS CALENDAR The Monthly Calendar style is our solution for businesses that [&hellip;]<\/p>\n","protected":false},"author":2,"featured_media":0,"parent":2,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"page-templates\/page-fullwidth.php","meta":{"footnotes":""},"class_list":["post-3145","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/demo.curlythemes.com\/timetable-wordpress-plugin\/wp-json\/wp\/v2\/pages\/3145","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/demo.curlythemes.com\/timetable-wordpress-plugin\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/demo.curlythemes.com\/timetable-wordpress-plugin\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/demo.curlythemes.com\/timetable-wordpress-plugin\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/demo.curlythemes.com\/timetable-wordpress-plugin\/wp-json\/wp\/v2\/comments?post=3145"}],"version-history":[{"count":0,"href":"https:\/\/demo.curlythemes.com\/timetable-wordpress-plugin\/wp-json\/wp\/v2\/pages\/3145\/revisions"}],"up":[{"embeddable":true,"href":"https:\/\/demo.curlythemes.com\/timetable-wordpress-plugin\/wp-json\/wp\/v2\/pages\/2"}],"wp:attachment":[{"href":"https:\/\/demo.curlythemes.com\/timetable-wordpress-plugin\/wp-json\/wp\/v2\/media?parent=3145"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}