{"id":930583,"date":"2015-01-08T13:25:00","date_gmt":"2015-01-08T21:25:00","guid":{"rendered":"https:\/\/theeventscalendar.com\/support\/forums\/topic\/customize-list-view-to-be-separated-by-month\/"},"modified":"2015-01-27T10:25:56","modified_gmt":"2015-01-27T18:25:56","slug":"customize-list-view-to-be-separated-by-month","status":"closed","type":"topic","link":"https:\/\/theeventscalendar.com\/support\/forums\/topic\/customize-list-view-to-be-separated-by-month\/","title":{"rendered":"Customize List View to be separated by Month"},"content":{"rendered":"<p>By default List View shows all upcoming events with a Month header.<\/p>\n<p>What I would like to accomplish is list out the upcoming months at the top, but only display events for the current month.  For example, all Jan events appear and if you clicked the &#8216;Feb&#8217; link at the top, the events for Feb would load.<\/p>\n<p>Any insight on how to accomplish this? I&#8217;m not looking for jquery tabs integration, just way to list upcoming event months and link to the list view for each month.<\/p>\n<pre><code>&lt;!-- Month \/ Year Headers --&gt;\n\t\t&lt;?php tribe_events_list_the_date_headers(); ?&gt;\n\t\t\n\n\t\t&lt;!-- Event  --&gt;\n\t\t\t&lt;div id=&quot;post-&lt;?php the_ID() ?&gt;&quot; class=&quot;&lt;?php tribe_events_event_classes() ?&gt;&quot;&gt;\n\t\t\t&lt;?php tribe_get_template_part( &#039;list\/single&#039;, &#039;event&#039; ) ?&gt;\n\t\t&lt;\/div&gt;&lt;!-- .hentry .vevent --&gt;<\/code><\/pre>\n<p>I am guessing &#8216;tribe_events_list_the_date_headers&#8217; needs to be altered somehow. Any help would be greatly appreciated!<\/p>\n","protected":false},"template":"","class_list":["post-930583","topic","type-topic","status-closed","hentry"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v25.2 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>Customize List View to be separated by Month -<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/theeventscalendar.com\/support\/forums\/topic\/customize-list-view-to-be-separated-by-month\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Customize List View to be separated by Month -\" \/>\n<meta property=\"og:description\" content=\"By default List View shows all upcoming events with a Month header. What I would like to accomplish is list out the upcoming months at the top, but only display events for the current month. For example, all Jan events appear and if you clicked the &#8216;Feb&#8217; link at the top, the events for Feb [&hellip;]\" \/>\n<meta property=\"og:url\" content=\"https:\/\/theeventscalendar.com\/support\/forums\/topic\/customize-list-view-to-be-separated-by-month\/\" \/>\n<meta property=\"article:modified_time\" content=\"2015-01-27T18:25:56+00:00\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data1\" content=\"1 minute\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\/\/theeventscalendar.com\/support\/forums\/topic\/customize-list-view-to-be-separated-by-month\/\",\"url\":\"https:\/\/theeventscalendar.com\/support\/forums\/topic\/customize-list-view-to-be-separated-by-month\/\",\"name\":\"Customize List View to be separated by Month -\",\"isPartOf\":{\"@id\":\"https:\/\/theeventscalendar.com\/support\/#website\"},\"datePublished\":\"2015-01-08T21:25:00+00:00\",\"dateModified\":\"2015-01-27T18:25:56+00:00\",\"breadcrumb\":{\"@id\":\"https:\/\/theeventscalendar.com\/support\/forums\/topic\/customize-list-view-to-be-separated-by-month\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/theeventscalendar.com\/support\/forums\/topic\/customize-list-view-to-be-separated-by-month\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/theeventscalendar.com\/support\/forums\/topic\/customize-list-view-to-be-separated-by-month\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/theeventscalendar.com\/support\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Topics\",\"item\":\"https:\/\/theeventscalendar.com\/support\/topics\/\"},{\"@type\":\"ListItem\",\"position\":3,\"name\":\"Calendar Products\",\"item\":\"https:\/\/theeventscalendar.com\/support\/forums\/forum\/events\/\"},{\"@type\":\"ListItem\",\"position\":4,\"name\":\"Events Calendar PRO\",\"item\":\"https:\/\/theeventscalendar.com\/support\/forums\/forum\/events\/events-calendar-pro\/\"},{\"@type\":\"ListItem\",\"position\":5,\"name\":\"Customize List View to be separated by Month\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/theeventscalendar.com\/support\/#website\",\"url\":\"https:\/\/theeventscalendar.com\/support\/\",\"name\":\"\",\"description\":\"\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/theeventscalendar.com\/support\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Customize List View to be separated by Month -","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/theeventscalendar.com\/support\/forums\/topic\/customize-list-view-to-be-separated-by-month\/","og_locale":"en_US","og_type":"article","og_title":"Customize List View to be separated by Month -","og_description":"By default List View shows all upcoming events with a Month header. What I would like to accomplish is list out the upcoming months at the top, but only display events for the current month. For example, all Jan events appear and if you clicked the &#8216;Feb&#8217; link at the top, the events for Feb [&hellip;]","og_url":"https:\/\/theeventscalendar.com\/support\/forums\/topic\/customize-list-view-to-be-separated-by-month\/","article_modified_time":"2015-01-27T18:25:56+00:00","twitter_card":"summary_large_image","twitter_misc":{"Est. reading time":"1 minute"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/theeventscalendar.com\/support\/forums\/topic\/customize-list-view-to-be-separated-by-month\/","url":"https:\/\/theeventscalendar.com\/support\/forums\/topic\/customize-list-view-to-be-separated-by-month\/","name":"Customize List View to be separated by Month -","isPartOf":{"@id":"https:\/\/theeventscalendar.com\/support\/#website"},"datePublished":"2015-01-08T21:25:00+00:00","dateModified":"2015-01-27T18:25:56+00:00","breadcrumb":{"@id":"https:\/\/theeventscalendar.com\/support\/forums\/topic\/customize-list-view-to-be-separated-by-month\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/theeventscalendar.com\/support\/forums\/topic\/customize-list-view-to-be-separated-by-month\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/theeventscalendar.com\/support\/forums\/topic\/customize-list-view-to-be-separated-by-month\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/theeventscalendar.com\/support\/"},{"@type":"ListItem","position":2,"name":"Topics","item":"https:\/\/theeventscalendar.com\/support\/topics\/"},{"@type":"ListItem","position":3,"name":"Calendar Products","item":"https:\/\/theeventscalendar.com\/support\/forums\/forum\/events\/"},{"@type":"ListItem","position":4,"name":"Events Calendar PRO","item":"https:\/\/theeventscalendar.com\/support\/forums\/forum\/events\/events-calendar-pro\/"},{"@type":"ListItem","position":5,"name":"Customize List View to be separated by Month"}]},{"@type":"WebSite","@id":"https:\/\/theeventscalendar.com\/support\/#website","url":"https:\/\/theeventscalendar.com\/support\/","name":"","description":"","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/theeventscalendar.com\/support\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"}]}},"_links":{"self":[{"href":"https:\/\/theeventscalendar.com\/support\/wp-json\/wp\/v2\/topic\/930583","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/theeventscalendar.com\/support\/wp-json\/wp\/v2\/topic"}],"about":[{"href":"https:\/\/theeventscalendar.com\/support\/wp-json\/wp\/v2\/types\/topic"}],"version-history":[{"count":1,"href":"https:\/\/theeventscalendar.com\/support\/wp-json\/wp\/v2\/topic\/930583\/revisions"}],"predecessor-version":[{"id":930639,"href":"https:\/\/theeventscalendar.com\/support\/wp-json\/wp\/v2\/topic\/930583\/revisions\/930639"}],"wp:attachment":[{"href":"https:\/\/theeventscalendar.com\/support\/wp-json\/wp\/v2\/media?parent=930583"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}