{"id":1421,"date":"2025-08-17T12:53:47","date_gmt":"2025-08-17T17:53:47","guid":{"rendered":"https:\/\/docs.joedolson.com\/my-calendar\/?p=1421"},"modified":"2025-08-17T12:54:15","modified_gmt":"2025-08-17T17:54:15","slug":"list-preset-templates","status":"publish","type":"post","link":"https:\/\/docs.joedolson.com\/my-calendar\/list-preset-templates\/","title":{"rendered":"List Preset Templates"},"content":{"rendered":"\n<p class=\"wp-block-paragraph\">Introduced in My Calendar version 3.6.0, list views come with a set of pre-defined templates you can use. There are four templates, but you can also customize or add new templates, if needed. <\/p>\n\n\n\n<p class=\"wp-block-paragraph\">At <code>My Calendar &gt; Design&gt; Templates<\/code>, you can configure the default on a site-wide basis, and preview the templates with your next few upcoming events. Alternately, you can set the default for an individual view in the <a href=\"https:\/\/docs.joedolson.com\/my-calendar\/my-calendar-shortcodes\/\">shortcode builder<\/a> or in <a href=\"https:\/\/docs.joedolson.com\/my-calendar\/my-calendar-widgets\/\">widgets<\/a>.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Templates<\/h2>\n\n\n\n<h3 class=\"wp-block-heading\">Preset Template 1: <\/h3>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"590\" height=\"100\" src=\"https:\/\/docs.joedolson.com\/my-calendar\/wp-content\/uploads\/sites\/3\/2025\/08\/image.png\" alt=\"Preset 1: Date, event time &amp; location, image.\" class=\"wp-image-1422\" srcset=\"https:\/\/docs.joedolson.com\/my-calendar\/wp-content\/uploads\/sites\/3\/2025\/08\/image.png 590w, https:\/\/docs.joedolson.com\/my-calendar\/wp-content\/uploads\/sites\/3\/2025\/08\/image-300x51.png 300w\" sizes=\"auto, (max-width: 590px) 100vw, 590px\" \/><\/figure>\n<\/div>\n\n\n<p class=\"wp-block-paragraph\">Template 1 shows a Month\/Day badge on the left, the center column holds a link to the event, the time of the event, and the location; and the right column shows a thumbnail of the featured image for the event.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">There are no borders on each item.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Preset Template 2:<\/h3>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"570\" height=\"137\" src=\"https:\/\/docs.joedolson.com\/my-calendar\/wp-content\/uploads\/sites\/3\/2025\/08\/image-1.png\" alt=\"Preset 2: Date, time, event, and location, image.\" class=\"wp-image-1423\" srcset=\"https:\/\/docs.joedolson.com\/my-calendar\/wp-content\/uploads\/sites\/3\/2025\/08\/image-1.png 570w, https:\/\/docs.joedolson.com\/my-calendar\/wp-content\/uploads\/sites\/3\/2025\/08\/image-1-300x72.png 300w\" sizes=\"auto, (max-width: 570px) 100vw, 570px\" \/><\/figure>\n<\/div>\n\n\n<p class=\"wp-block-paragraph\">Template 2 also shows a Month\/Day badge on the left, and has the time, event, and location in the link. The badge has a different design, and the time\/event\/location information is all combined into a single link. On the right, it also uses the featured image thumbnail.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">The list is has a border around the entire list with rounded corners and separators.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Preset Template 3:<\/h3>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"570\" height=\"110\" src=\"https:\/\/docs.joedolson.com\/my-calendar\/wp-content\/uploads\/sites\/3\/2025\/08\/image-2.png\" alt=\"Preset 3: Date\/time, link to event, location.\" class=\"wp-image-1424\" srcset=\"https:\/\/docs.joedolson.com\/my-calendar\/wp-content\/uploads\/sites\/3\/2025\/08\/image-2.png 570w, https:\/\/docs.joedolson.com\/my-calendar\/wp-content\/uploads\/sites\/3\/2025\/08\/image-2-300x58.png 300w\" sizes=\"auto, (max-width: 570px) 100vw, 570px\" \/><\/figure>\n<\/div>\n\n\n<p class=\"wp-block-paragraph\">Template 3 has the full date and time on the left, a link to the event page in the center, and the location on the right.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">The list is striped with the odd items having a faint gray background.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Preset Template 4:<\/h3>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"582\" height=\"320\" src=\"https:\/\/docs.joedolson.com\/my-calendar\/wp-content\/uploads\/sites\/3\/2025\/08\/image-3.png\" alt=\"Preset 4: card format with an image, link, date and time. \" class=\"wp-image-1425\" srcset=\"https:\/\/docs.joedolson.com\/my-calendar\/wp-content\/uploads\/sites\/3\/2025\/08\/image-3.png 582w, https:\/\/docs.joedolson.com\/my-calendar\/wp-content\/uploads\/sites\/3\/2025\/08\/image-3-300x165.png 300w\" sizes=\"auto, (max-width: 582px) 100vw, 582px\" \/><\/figure>\n<\/div>\n\n\n<p class=\"wp-block-paragraph\">Template 4 is in a card layout, with the featured image, then a link to the event, the full date and time. <\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Each card has a shadow applied.<\/p>\n\n\n\n<div class=\"wp-block-buttons is-content-justification-center is-layout-flex wp-container-core-buttons-is-layout-fe48e5de wp-block-buttons-is-layout-flex\">\n<div class=\"wp-block-button\"><a class=\"wp-block-button__link wp-element-button\" href=\"https:\/\/docs.joedolson.com\/my-calendar\/customizing-list-preset-templates\/\">Customizing List Presets<\/a><\/div>\n<\/div>\n","protected":false},"excerpt":{"rendered":"<p>Introduced in My Calendar version 3.6.0, list views come with a set of pre-defined templates you can use. There are four templates, but you can also customize or add new templates, if needed. At My Calendar &gt; Design&gt; Templates, you can configure the default on a site-wide basis, and preview the templates with your next [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[26],"tags":[],"class_list":["post-1421","post","type-post","status-publish","format-standard","hentry","category-design"],"_links":{"self":[{"href":"https:\/\/docs.joedolson.com\/my-calendar\/wp-json\/wp\/v2\/posts\/1421","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/docs.joedolson.com\/my-calendar\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/docs.joedolson.com\/my-calendar\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/docs.joedolson.com\/my-calendar\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/docs.joedolson.com\/my-calendar\/wp-json\/wp\/v2\/comments?post=1421"}],"version-history":[{"count":3,"href":"https:\/\/docs.joedolson.com\/my-calendar\/wp-json\/wp\/v2\/posts\/1421\/revisions"}],"predecessor-version":[{"id":1426,"href":"https:\/\/docs.joedolson.com\/my-calendar\/wp-json\/wp\/v2\/posts\/1421\/revisions\/1426"}],"wp:attachment":[{"href":"https:\/\/docs.joedolson.com\/my-calendar\/wp-json\/wp\/v2\/media?parent=1421"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/docs.joedolson.com\/my-calendar\/wp-json\/wp\/v2\/categories?post=1421"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/docs.joedolson.com\/my-calendar\/wp-json\/wp\/v2\/tags?post=1421"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}