{"id":12319,"date":"2019-05-07T14:56:14","date_gmt":"2019-05-07T21:56:14","guid":{"rendered":"https:\/\/www.seedcode.com\/?p=12319"},"modified":"2019-05-07T14:56:14","modified_gmt":"2019-05-07T21:56:14","slug":"customizing-filemaker-calendar-split-view","status":"publish","type":"post","link":"https:\/\/seedcode.com\/customizing-filemaker-calendar-split-view\/","title":{"rendered":"Adding a Split-View to DayBack Calendar"},"content":{"rendered":"<p>Here&#8217;s a beautiful mod to DayBack calendar by\u00a0Brian Ouimette of NorthEast DataBase Solutions. Brian scripted DayBack so that some views use the calendar&#8217;s default popover to show events, while other views show the event details to the right of the calendar in a new FileMaker layout object. Best of all, Brian\u00a0sent us an <a href=\"https:\/\/www.seedcode.com\/?smd_process_download=1&amp;download_id=12331\" rel=\"noopener\">example file<\/a> and the scripts he used to make this change so that you can add this to your own calendar.<a href=\"https:\/\/www.seedcode.com\/wp-content\/uploads\/2019\/05\/Brian1-2.jpg\"><br \/>\n<img fetchpriority=\"high\" decoding=\"async\" class=\"aligncenter size-full wp-image-12321\" src=\"https:\/\/www.seedcode.com\/wp-content\/uploads\/2019\/05\/Brian1sm-2.png\" alt=\"Customizing FileMaker Layout with a Calendar\" width=\"1200\" height=\"762\" srcset=\"https:\/\/seedcode.com\/wp-content\/uploads\/2019\/05\/Brian1sm-2.png 1200w, https:\/\/seedcode.com\/wp-content\/uploads\/2019\/05\/Brian1sm-2-300x191.png 300w, https:\/\/seedcode.com\/wp-content\/uploads\/2019\/05\/Brian1sm-2-1024x650.png 1024w, https:\/\/seedcode.com\/wp-content\/uploads\/2019\/05\/Brian1sm-2-768x488.png 768w\" sizes=\"(max-width: 1200px) 100vw, 1200px\" \/><\/a>This\u00a0mod lets Brian add lots more fields to the event, and includes tabs or portals, so users can see a lot more information about their event without leaving the calendar. DayBack already includes methods for <a href=\"https:\/\/www.seedcode.com\/pmwiki\/index.php?n=DayBackForFileMaker.YourOwnEventLayouts\" rel=\"noopener\">using your own layouts<\/a> instead of the calendar&#8217;s built-in popovers, but Brian&#8217;s mod means you can use FileMaker layout objects on the calendar, without having to leave the calendar or take users to a <a href=\"https:\/\/www.seedcode.com\/filemaker-card-window-calendar\/\" rel=\"noopener\">card window<\/a>.<\/p>\n<p>This is probably an easier modification if you wanted to use this split-view on <em>every<\/em>\u00a0calendar view&#8211;that would just be a modification of the existing\u00a0<a href=\"https:\/\/www.seedcode.com\/pmwiki\/index.php?n=DayBackForFileMaker.YourOwnEventLayouts\" rel=\"noopener\">use your own layout\u00a0<\/a>script. Brian&#8217;s mod uses DayBack&#8217;s default popover on some calendar views and the split on others. It&#8217;s really nice work.<\/p>\n<p>Here&#8217;s a movie showing Brian&#8217;s changes in action:<\/p>\n<p><!--more--><\/p>\n<p><iframe title=\"Customizing DayBack Calendar for FileMaker - Show Event Details\" src=\"https:\/\/player.vimeo.com\/video\/334752552?h=69c1593f0a&amp;dnt=1&amp;app_id=122963\" width=\"960\" height=\"540\" frameborder=\"0\" allow=\"autoplay; fullscreen; picture-in-picture\" allowfullscreen><\/iframe><\/p>\n<p>Brian sent us the script steps below so that you can make this modification in your own file. But if you&#8217;d like to have Brian do this, or are interested in similar mods to DayBack Calendar, Brian would love for you to get in touch: <a href=\"http:\/\/www.nedbs.com\" rel=\"noopener\">NorthEast Database Solutions, LLC.<\/a><\/p>\n<h2>Customize your calendar layout like this<\/h2>\n<p>Here&#8217;s how Brian did this. Don&#8217;t forget to download the <a href=\"https:\/\/www.seedcode.com\/?smd_process_download=1&amp;download_id=12331\" rel=\"noopener\">example file<\/a> so you can copy and paste script steps from the instructions below.<\/p>\n<p><strong>Step 1.<\/strong>\u00a0Create a global field for the selected event (name in CalendarInterface::_g_selectedEvent. That will be used to create a relationship to the selected event so you can show fields from that event in your new sideabar.<\/p>\n<p><strong>Step 2:\u00a0<\/strong>Then, when you make the new slide panel containing the new right-hand sidebar, give that webviewer a different object name. Then change the &#8220;Upon Opening&#8221; script in DayBack by adding the lines highlighted\u00a0here:<\/p>\n<p><a href=\"https:\/\/www.seedcode.com\/wp-content\/uploads\/2019\/05\/Steps2.jpg\" rel=\"noopener\"><img decoding=\"async\" class=\"aligncenter wp-image-12325 size-large\" src=\"https:\/\/www.seedcode.com\/wp-content\/uploads\/2019\/05\/Steps2-1024x689.jpg\" alt=\"\" width=\"1024\" height=\"689\" srcset=\"https:\/\/seedcode.com\/wp-content\/uploads\/2019\/05\/Steps2-1024x689.jpg 1024w, https:\/\/seedcode.com\/wp-content\/uploads\/2019\/05\/Steps2-300x202.jpg 300w, https:\/\/seedcode.com\/wp-content\/uploads\/2019\/05\/Steps2-768x517.jpg 768w, https:\/\/seedcode.com\/wp-content\/uploads\/2019\/05\/Steps2-1536x1033.jpg 1536w, https:\/\/seedcode.com\/wp-content\/uploads\/2019\/05\/Steps2-2048x1378.jpg 2048w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/a><\/p>\n<p><strong>Step 3:<\/strong> Create a new script named &#8220;Loop &#8211; Translate Split View for Web&#8221;.<a href=\"https:\/\/www.seedcode.com\/wp-content\/uploads\/2019\/05\/Steps3.jpg\" rel=\"noopener\"><img decoding=\"async\" class=\"aligncenter wp-image-12326 size-large\" src=\"https:\/\/www.seedcode.com\/wp-content\/uploads\/2019\/05\/Steps3-1024x689.jpg\" alt=\"\" width=\"1024\" height=\"689\" srcset=\"https:\/\/seedcode.com\/wp-content\/uploads\/2019\/05\/Steps3-1024x689.jpg 1024w, https:\/\/seedcode.com\/wp-content\/uploads\/2019\/05\/Steps3-300x202.jpg 300w, https:\/\/seedcode.com\/wp-content\/uploads\/2019\/05\/Steps3-768x517.jpg 768w, https:\/\/seedcode.com\/wp-content\/uploads\/2019\/05\/Steps3-1536x1033.jpg 1536w, https:\/\/seedcode.com\/wp-content\/uploads\/2019\/05\/Steps3-2048x1378.jpg 2048w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/a><\/p>\n<p>The second set variable line is a bit long to read in the screenshot. Here it is:<\/p>\n<pre class=\"prettyprint\">Let (\n\nresult = Case (\n    $sc_Mode = \"Day Sched\" ; \"agendaDay\" ;\n    $sc_Mode = \"Day\" ; \"basicDay\" ;\n    $sc_Mode = \"Week Sched\" ; \"agendaWeek\" ;\n    $sc_Mode = \"Week\" ; \"basicWeek\" ;\n    $sc_Mode = \"Month\" ; \"month\" ;\n    $sc_Mode = \"Resource Vert\" ; \"basicResourceVert\" ;\n    $sc_Mode = \"Resource Sched Vert\" ; \"agendaResourceVert\" ;\n    $sc_Mode = \"Resource Horiz\" ; \"basicResourceHor\" ;\n    $sc_Mode = \"Resource Sched Horiz\" ; \"agendaResourceHor\" ;\n    $sc_Mode = \"Resource Daily\" ; \"basicResourceDays\" ;\n    $sc_Mode = \"Horizon\" ; \"basicHorizon\"\n) ;\n    JSONSetElement ( $sc_Result ; \n        [  $i - 1 ; result ;  JSONString ]\n    )\n)\n<\/pre>\n<p><strong>Step 4.<\/strong> Edit the script &#8220;Load Calendar Settings &#8211; On Startup &#8212; Edit Configuration Here &#8212;&#8221; to add the following lines.<\/p>\n<p><a href=\"https:\/\/www.seedcode.com\/wp-content\/uploads\/2019\/05\/Steps4.jpg\" rel=\"noopener\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter wp-image-12327 size-large\" src=\"https:\/\/www.seedcode.com\/wp-content\/uploads\/2019\/05\/Steps4-1024x689.jpg\" alt=\"\" width=\"1024\" height=\"689\" srcset=\"https:\/\/seedcode.com\/wp-content\/uploads\/2019\/05\/Steps4-1024x689.jpg 1024w, https:\/\/seedcode.com\/wp-content\/uploads\/2019\/05\/Steps4-300x202.jpg 300w, https:\/\/seedcode.com\/wp-content\/uploads\/2019\/05\/Steps4-768x517.jpg 768w, https:\/\/seedcode.com\/wp-content\/uploads\/2019\/05\/Steps4-1536x1033.jpg 1536w, https:\/\/seedcode.com\/wp-content\/uploads\/2019\/05\/Steps4-2048x1378.jpg 2048w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/a><\/p>\n<p><strong>Step 5.<\/strong>\u00a0Add these lines to the \u00a0&#8220;Refresh Calendar&#8221; script:<\/p>\n<p><a href=\"https:\/\/www.seedcode.com\/wp-content\/uploads\/2019\/05\/Steps5.jpg\" rel=\"noopener\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter wp-image-12328 size-large\" src=\"https:\/\/www.seedcode.com\/wp-content\/uploads\/2019\/05\/Steps5-1024x689.jpg\" alt=\"\" width=\"1024\" height=\"689\" srcset=\"https:\/\/seedcode.com\/wp-content\/uploads\/2019\/05\/Steps5-1024x689.jpg 1024w, https:\/\/seedcode.com\/wp-content\/uploads\/2019\/05\/Steps5-300x202.jpg 300w, https:\/\/seedcode.com\/wp-content\/uploads\/2019\/05\/Steps5-768x517.jpg 768w, https:\/\/seedcode.com\/wp-content\/uploads\/2019\/05\/Steps5-1536x1033.jpg 1536w, https:\/\/seedcode.com\/wp-content\/uploads\/2019\/05\/Steps5-2048x1378.jpg 2048w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/a><\/p>\n<p><strong>Step 6.<\/strong> Change the script &#8220;Define Webviewer Object&#8221; to look like this:<\/p>\n<p><a href=\"https:\/\/www.seedcode.com\/wp-content\/uploads\/2019\/05\/Step6.jpg\" rel=\"noopener\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter wp-image-12329 size-large\" src=\"https:\/\/www.seedcode.com\/wp-content\/uploads\/2019\/05\/Step6-1024x689.jpg\" alt=\"\" width=\"1024\" height=\"689\" srcset=\"https:\/\/seedcode.com\/wp-content\/uploads\/2019\/05\/Step6-1024x689.jpg 1024w, https:\/\/seedcode.com\/wp-content\/uploads\/2019\/05\/Step6-300x202.jpg 300w, https:\/\/seedcode.com\/wp-content\/uploads\/2019\/05\/Step6-768x517.jpg 768w, https:\/\/seedcode.com\/wp-content\/uploads\/2019\/05\/Step6-1536x1033.jpg 1536w, https:\/\/seedcode.com\/wp-content\/uploads\/2019\/05\/Step6-2048x1378.jpg 2048w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/a><\/p>\n<p><strong>Step 7.<\/strong> Finally, you&#8217;ll add a custom action so that DayBack fires a script when you click on an event. Follow the <a href=\"https:\/\/www.seedcode.com\/pmwiki\/index.php?n=DayBackForFileMaker.EventActions\" rel=\"noopener\">instructions here<\/a> to create an OnClick action. Here&#8217;s the action you&#8217;ll add:<\/p>\n<pre class=\"prettyprint\">List ( \n\n\/\/ BEGIN Event Action 1\nSubstitute ( List ( \n\n\"On Event Click\" ; \/\/ Action trigger, what interacting triggers this action\n\"javascript: var splitViews = ('\" &amp; $$sc_ViewsShownInSplitForWeb &amp; \"');\nif (splitViews.indexOf(seedcodeCalendar.get('view').name) &gt; -1){utilities.scriptURL('script=Select Event From Calendar&amp;$eventID=' + event.eventID + '&amp;$source=' + event.eventSource);} else {action.callbacks.confirm();}\" ; \/\/ FM Script Name or Javascript\nTrue ; \/\/ Prevent default action. Will prevent the default behavior\n\"[editable, readonly]\" \/\/ Event types that can use this action in brackets [editable, readonly] (optional)\n\n) ; [ \u00b6 ; $sc_FieldSeparator ] ; [\"NA\" ; \"\"] )\n\/\/ END Action\n\n\n;<\/pre>\n<p>Hopefully, I&#8217;ve transcribed Brian&#8217;s instructions correctly =) If not, I&#8217;m sure he&#8217;ll be happy to correct me and provide clarifications if folks have questions. We love this mod, Brian. Thanks for sharing it!<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Here&#8217;s a beautiful mod to DayBack calendar by\u00a0Brian Ouimette of NorthEast DataBase Solutions. Brian scripted DayBack so that some views use the calendar&#8217;s default popover to show events, while other views show the event details to the right of the calendar in a new FileMaker layout object. Best of all, Brian\u00a0sent us an example file and the scripts he used to make this change so that you can add this to your own calendar. This\u00a0mod lets Brian add lots more fields to the event, and includes tabs or portals, so users can see a lot more information about their event without leaving the calendar. DayBack already includes methods for using your own layouts instead of the calendar&#8217;s built-in popovers, but Brian&#8217;s mod means you can use FileMaker layout objects on the calendar, without having to leave the calendar or take users to a card window. This is probably an easier modification if you wanted to use this split-view on every\u00a0calendar view&#8211;that would just be a modification of the existing\u00a0use your own layout\u00a0script. Brian&#8217;s mod uses DayBack&#8217;s default popover on some calendar views and the split on others. It&#8217;s really nice work. Here&#8217;s a movie showing Brian&#8217;s changes in action:<\/p>\n","protected":false},"author":1,"featured_media":12335,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[1],"tags":[8,11,31],"class_list":["post-12319","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-uncategorized","tag-calendar","tag-interface-design","tag-sidebar"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v24.4 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>Adding a Split-View to DayBack Calendar - SeedCode<\/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:\/\/seedcode.com\/customizing-filemaker-calendar-split-view\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Adding a Split-View to DayBack Calendar - SeedCode\" \/>\n<meta property=\"og:description\" content=\"Here&#8217;s a beautiful mod to DayBack calendar by\u00a0Brian Ouimette of NorthEast DataBase Solutions. Brian scripted DayBack so that some views use the calendar&#8217;s default popover to show events, while other views show the event details to the right of the calendar in a new FileMaker layout object. Best of all, Brian\u00a0sent us an example file and the scripts he used to make this change so that you can add this to your own calendar. This\u00a0mod lets Brian add lots more fields to the event, and includes tabs or portals, so users can see a lot more information about their event without leaving the calendar. DayBack already includes methods for using your own layouts instead of the calendar&#8217;s built-in popovers, but Brian&#8217;s mod means you can use FileMaker layout objects on the calendar, without having to leave the calendar or take users to a card window. This is probably an easier modification if you wanted to use this split-view on every\u00a0calendar view&#8211;that would just be a modification of the existing\u00a0use your own layout\u00a0script. Brian&#8217;s mod uses DayBack&#8217;s default popover on some calendar views and the split on others. It&#8217;s really nice work. Here&#8217;s a movie showing Brian&#8217;s changes in action:\" \/>\n<meta property=\"og:url\" content=\"https:\/\/seedcode.com\/customizing-filemaker-calendar-split-view\/\" \/>\n<meta property=\"og:site_name\" content=\"SeedCode\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/seedcoder\" \/>\n<meta property=\"article:published_time\" content=\"2019-05-07T21:56:14+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/seedcode.com\/wp-content\/uploads\/2019\/05\/BrianFeat.png\" \/>\n\t<meta property=\"og:image:width\" content=\"319\" \/>\n\t<meta property=\"og:image:height\" content=\"325\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/png\" \/>\n<meta name=\"author\" content=\"seedcode\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:creator\" content=\"@dayback\" \/>\n<meta name=\"twitter:site\" content=\"@dayback\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"seedcode\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"3 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\/\/seedcode.com\/customizing-filemaker-calendar-split-view\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/seedcode.com\/customizing-filemaker-calendar-split-view\/\"},\"author\":{\"name\":\"seedcode\",\"@id\":\"https:\/\/seedcode.com\/#\/schema\/person\/af42f3f8cbfc8652fb0ffbb3f46f260f\"},\"headline\":\"Adding a Split-View to DayBack Calendar\",\"datePublished\":\"2019-05-07T21:56:14+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/seedcode.com\/customizing-filemaker-calendar-split-view\/\"},\"wordCount\":522,\"commentCount\":0,\"publisher\":{\"@id\":\"https:\/\/seedcode.com\/#organization\"},\"image\":{\"@id\":\"https:\/\/seedcode.com\/customizing-filemaker-calendar-split-view\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/seedcode.com\/wp-content\/uploads\/2019\/05\/BrianFeat.png\",\"keywords\":[\"Calendar\",\"Interface Design\",\"Sidebar\"],\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\/\/seedcode.com\/customizing-filemaker-calendar-split-view\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/seedcode.com\/customizing-filemaker-calendar-split-view\/\",\"url\":\"https:\/\/seedcode.com\/customizing-filemaker-calendar-split-view\/\",\"name\":\"Adding a Split-View to DayBack Calendar - SeedCode\",\"isPartOf\":{\"@id\":\"https:\/\/seedcode.com\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/seedcode.com\/customizing-filemaker-calendar-split-view\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/seedcode.com\/customizing-filemaker-calendar-split-view\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/seedcode.com\/wp-content\/uploads\/2019\/05\/BrianFeat.png\",\"datePublished\":\"2019-05-07T21:56:14+00:00\",\"breadcrumb\":{\"@id\":\"https:\/\/seedcode.com\/customizing-filemaker-calendar-split-view\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/seedcode.com\/customizing-filemaker-calendar-split-view\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/seedcode.com\/customizing-filemaker-calendar-split-view\/#primaryimage\",\"url\":\"https:\/\/seedcode.com\/wp-content\/uploads\/2019\/05\/BrianFeat.png\",\"contentUrl\":\"https:\/\/seedcode.com\/wp-content\/uploads\/2019\/05\/BrianFeat.png\",\"width\":319,\"height\":325},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/seedcode.com\/customizing-filemaker-calendar-split-view\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/seedcode.com\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Adding a Split-View to DayBack Calendar\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/seedcode.com\/#website\",\"url\":\"https:\/\/seedcode.com\/\",\"name\":\"SeedCode\",\"description\":\"Build the Software You&#039;ve Always Wanted\",\"publisher\":{\"@id\":\"https:\/\/seedcode.com\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/seedcode.com\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/seedcode.com\/#organization\",\"name\":\"SeedCode\",\"url\":\"https:\/\/seedcode.com\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/seedcode.com\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/seedcode.com\/wp-content\/uploads\/2022\/12\/SeedCodeLogo.png\",\"contentUrl\":\"https:\/\/seedcode.com\/wp-content\/uploads\/2022\/12\/SeedCodeLogo.png\",\"width\":595,\"height\":189,\"caption\":\"SeedCode\"},\"image\":{\"@id\":\"https:\/\/seedcode.com\/#\/schema\/logo\/image\/\"},\"sameAs\":[\"https:\/\/www.facebook.com\/seedcoder\",\"https:\/\/x.com\/dayback\",\"https:\/\/www.linkedin.com\/company\/seedcode\/\"]},{\"@type\":\"Person\",\"@id\":\"https:\/\/seedcode.com\/#\/schema\/person\/af42f3f8cbfc8652fb0ffbb3f46f260f\",\"name\":\"seedcode\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/seedcode.com\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/f0c386c5b845ee7fe111b36b2d87e983811f1f549682de9597a934b9dfd45469?s=96&d=mm&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/f0c386c5b845ee7fe111b36b2d87e983811f1f549682de9597a934b9dfd45469?s=96&d=mm&r=g\",\"caption\":\"seedcode\"},\"sameAs\":[\"https:\/\/seedcode.com\"],\"url\":\"https:\/\/seedcode.com\/author\/seedcode\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Adding a Split-View to DayBack Calendar - SeedCode","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:\/\/seedcode.com\/customizing-filemaker-calendar-split-view\/","og_locale":"en_US","og_type":"article","og_title":"Adding a Split-View to DayBack Calendar - SeedCode","og_description":"Here&#8217;s a beautiful mod to DayBack calendar by\u00a0Brian Ouimette of NorthEast DataBase Solutions. Brian scripted DayBack so that some views use the calendar&#8217;s default popover to show events, while other views show the event details to the right of the calendar in a new FileMaker layout object. Best of all, Brian\u00a0sent us an example file and the scripts he used to make this change so that you can add this to your own calendar. This\u00a0mod lets Brian add lots more fields to the event, and includes tabs or portals, so users can see a lot more information about their event without leaving the calendar. DayBack already includes methods for using your own layouts instead of the calendar&#8217;s built-in popovers, but Brian&#8217;s mod means you can use FileMaker layout objects on the calendar, without having to leave the calendar or take users to a card window. This is probably an easier modification if you wanted to use this split-view on every\u00a0calendar view&#8211;that would just be a modification of the existing\u00a0use your own layout\u00a0script. Brian&#8217;s mod uses DayBack&#8217;s default popover on some calendar views and the split on others. It&#8217;s really nice work. Here&#8217;s a movie showing Brian&#8217;s changes in action:","og_url":"https:\/\/seedcode.com\/customizing-filemaker-calendar-split-view\/","og_site_name":"SeedCode","article_publisher":"https:\/\/www.facebook.com\/seedcoder","article_published_time":"2019-05-07T21:56:14+00:00","og_image":[{"width":319,"height":325,"url":"https:\/\/seedcode.com\/wp-content\/uploads\/2019\/05\/BrianFeat.png","type":"image\/png"}],"author":"seedcode","twitter_card":"summary_large_image","twitter_creator":"@dayback","twitter_site":"@dayback","twitter_misc":{"Written by":"seedcode","Est. reading time":"3 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/seedcode.com\/customizing-filemaker-calendar-split-view\/#article","isPartOf":{"@id":"https:\/\/seedcode.com\/customizing-filemaker-calendar-split-view\/"},"author":{"name":"seedcode","@id":"https:\/\/seedcode.com\/#\/schema\/person\/af42f3f8cbfc8652fb0ffbb3f46f260f"},"headline":"Adding a Split-View to DayBack Calendar","datePublished":"2019-05-07T21:56:14+00:00","mainEntityOfPage":{"@id":"https:\/\/seedcode.com\/customizing-filemaker-calendar-split-view\/"},"wordCount":522,"commentCount":0,"publisher":{"@id":"https:\/\/seedcode.com\/#organization"},"image":{"@id":"https:\/\/seedcode.com\/customizing-filemaker-calendar-split-view\/#primaryimage"},"thumbnailUrl":"https:\/\/seedcode.com\/wp-content\/uploads\/2019\/05\/BrianFeat.png","keywords":["Calendar","Interface Design","Sidebar"],"inLanguage":"en-US","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/seedcode.com\/customizing-filemaker-calendar-split-view\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/seedcode.com\/customizing-filemaker-calendar-split-view\/","url":"https:\/\/seedcode.com\/customizing-filemaker-calendar-split-view\/","name":"Adding a Split-View to DayBack Calendar - SeedCode","isPartOf":{"@id":"https:\/\/seedcode.com\/#website"},"primaryImageOfPage":{"@id":"https:\/\/seedcode.com\/customizing-filemaker-calendar-split-view\/#primaryimage"},"image":{"@id":"https:\/\/seedcode.com\/customizing-filemaker-calendar-split-view\/#primaryimage"},"thumbnailUrl":"https:\/\/seedcode.com\/wp-content\/uploads\/2019\/05\/BrianFeat.png","datePublished":"2019-05-07T21:56:14+00:00","breadcrumb":{"@id":"https:\/\/seedcode.com\/customizing-filemaker-calendar-split-view\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/seedcode.com\/customizing-filemaker-calendar-split-view\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/seedcode.com\/customizing-filemaker-calendar-split-view\/#primaryimage","url":"https:\/\/seedcode.com\/wp-content\/uploads\/2019\/05\/BrianFeat.png","contentUrl":"https:\/\/seedcode.com\/wp-content\/uploads\/2019\/05\/BrianFeat.png","width":319,"height":325},{"@type":"BreadcrumbList","@id":"https:\/\/seedcode.com\/customizing-filemaker-calendar-split-view\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/seedcode.com\/"},{"@type":"ListItem","position":2,"name":"Adding a Split-View to DayBack Calendar"}]},{"@type":"WebSite","@id":"https:\/\/seedcode.com\/#website","url":"https:\/\/seedcode.com\/","name":"SeedCode","description":"Build the Software You&#039;ve Always Wanted","publisher":{"@id":"https:\/\/seedcode.com\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/seedcode.com\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/seedcode.com\/#organization","name":"SeedCode","url":"https:\/\/seedcode.com\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/seedcode.com\/#\/schema\/logo\/image\/","url":"https:\/\/seedcode.com\/wp-content\/uploads\/2022\/12\/SeedCodeLogo.png","contentUrl":"https:\/\/seedcode.com\/wp-content\/uploads\/2022\/12\/SeedCodeLogo.png","width":595,"height":189,"caption":"SeedCode"},"image":{"@id":"https:\/\/seedcode.com\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/seedcoder","https:\/\/x.com\/dayback","https:\/\/www.linkedin.com\/company\/seedcode\/"]},{"@type":"Person","@id":"https:\/\/seedcode.com\/#\/schema\/person\/af42f3f8cbfc8652fb0ffbb3f46f260f","name":"seedcode","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/seedcode.com\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/f0c386c5b845ee7fe111b36b2d87e983811f1f549682de9597a934b9dfd45469?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/f0c386c5b845ee7fe111b36b2d87e983811f1f549682de9597a934b9dfd45469?s=96&d=mm&r=g","caption":"seedcode"},"sameAs":["https:\/\/seedcode.com"],"url":"https:\/\/seedcode.com\/author\/seedcode\/"}]}},"_links":{"self":[{"href":"https:\/\/seedcode.com\/wp-json\/wp\/v2\/posts\/12319","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/seedcode.com\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/seedcode.com\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/seedcode.com\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/seedcode.com\/wp-json\/wp\/v2\/comments?post=12319"}],"version-history":[{"count":0,"href":"https:\/\/seedcode.com\/wp-json\/wp\/v2\/posts\/12319\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/seedcode.com\/wp-json\/wp\/v2\/media\/12335"}],"wp:attachment":[{"href":"https:\/\/seedcode.com\/wp-json\/wp\/v2\/media?parent=12319"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/seedcode.com\/wp-json\/wp\/v2\/categories?post=12319"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/seedcode.com\/wp-json\/wp\/v2\/tags?post=12319"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}