{"id":8578,"date":"2015-02-24T08:09:47","date_gmt":"2015-02-24T16:09:47","guid":{"rendered":"http:\/\/www.seedcode.com\/?p=8578"},"modified":"2015-02-24T08:09:47","modified_gmt":"2015-02-24T16:09:47","slug":"custom-sidebar-for-dayback","status":"publish","type":"post","link":"https:\/\/seedcode.com\/custom-sidebar-for-dayback\/","title":{"rendered":"A Custom Sidebar for DayBack Calendar"},"content":{"rendered":"

Adding a FileMaker Portal next to DayBack’s WebViewer<\/h3>\n

Recently Arie Covrigaru of PlanOmatic ( http:\/\/planomatic.com <\/a><\/span>) hired us to add some custom features to his DayBack calendar.<\/a><\/p>\n

His main request was to be able to filter the calendar by resource(s) by selecting from a searchable, scrolling list. And he wanted that in the main calendar window, beside his calendar, not in the “advanced filters” popup window where this is usually done. The solution was to nudge the webviewer object 300 pixels to the right to make room for a tab-control object with a filtered portal on each tab.<\/p>\n

\n
\"FileMaker<\/a>
The new sidebar in layout mode.<\/figcaption><\/figure>\n<\/div>\n

Arie’s resources are photographers, and each is associated with a “service area” (geographical location). The first tab in the side bar shows all the service areas, with a “search” field at the top to filter the portal. To filter the calendar by one or more resources, you can manually select them from the “Photogs” list, or you can click on a service area to select all photographers in that service area.<\/p>\n

\n
\"Browsing<\/a>
Browsing services areas and the number of photographers in each.<\/figcaption><\/figure>\n<\/div>\n

The custom sidebar has been styled to match the stock DayBack webviewer sidebar, which is hidden by default. The “Delivery” tab behaves the same as the “Status Filters” tab on the stock sidebar.<\/p>\n

\n
\"Photographers<\/a>
Photographers for the selected service area.<\/figcaption><\/figure>\n<\/div>\n

Arie loves it! If you’re interested in mods like this, get in touch<\/a> or purchase one of our implementation packages<\/a>.<\/p>\n","protected":false},"excerpt":{"rendered":"

Adding a FileMaker Portal next to DayBack’s WebViewer Recently Arie Covrigaru of PlanOmatic ( http:\/\/planomatic.com ) hired us to add some custom features to his DayBack calendar. His main request was to be able to filter the calendar by resource(s) by selecting from a searchable, scrolling list. And he wanted that in the main calendar window, beside his calendar, not in the “advanced filters” popup window where this is usually done. The solution was to nudge the webviewer object 300 pixels to the right to make room for a tab-control object with a filtered portal on each tab. Arie’s resources are photographers, and each is associated with a “service area” (geographical location). The first tab in the side bar shows all the service areas, with a “search” field at the top to filter the portal. To filter the calendar by one or more resources, you can manually select them from the “Photogs” list, or you can click on a service area to select all photographers in that service area. The custom sidebar has been styled to match the stock DayBack webviewer sidebar, which is hidden by default. The “Delivery” tab behaves the same as the “Status Filters” tab on the stock sidebar. Arie loves it! If you’re interested in mods like this, get in touch or purchase one of our implementation packages.<\/p>\n","protected":false},"author":2,"featured_media":8583,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[1],"tags":[11,31],"class_list":["post-8578","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-uncategorized","tag-interface-design","tag-sidebar"],"yoast_head":"\nA Custom Sidebar for 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\/custom-sidebar-for-dayback\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"A Custom Sidebar for DayBack Calendar - SeedCode\" \/>\n<meta property=\"og:description\" content=\"Adding a FileMaker Portal next to DayBack’s WebViewer Recently Arie Covrigaru of PlanOmatic ( http:\/\/planomatic.com ) hired us to add some custom features to his DayBack calendar. His main request was to be able to filter the calendar by resource(s) by selecting from a searchable, scrolling list. And he wanted that in the main calendar window, beside his calendar, not in the “advanced filters” popup window where this is usually done. The solution was to nudge the webviewer object 300 pixels to the right to make room for a tab-control object with a filtered portal on each tab. Arie’s resources are photographers, and each is associated with a “service area” (geographical location). The first tab in the side bar shows all the service areas, with a “search” field at the top to filter the portal. To filter the calendar by one or more resources, you can manually select them from the “Photogs” list, or you can click on a service area to select all photographers in that service area. The custom sidebar has been styled to match the stock DayBack webviewer sidebar, which is hidden by default. The “Delivery” tab behaves the same as the “Status Filters” tab on the stock sidebar. Arie loves it! If you’re interested in mods like this, get in touch or purchase one of our implementation packages.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/seedcode.com\/custom-sidebar-for-dayback\/\" \/>\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=\"2015-02-24T16:09:47+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/seedcode.com\/wp-content\/uploads\/2015\/02\/sidebar.png\" \/>\n\t<meta property=\"og:image:width\" content=\"109\" \/>\n\t<meta property=\"og:image:height\" content=\"110\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/png\" \/>\n<meta name=\"author\" content=\"jeffalmquist\" \/>\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=\"jeffalmquist\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"1 minute\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\/\/seedcode.com\/custom-sidebar-for-dayback\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/seedcode.com\/custom-sidebar-for-dayback\/\"},\"author\":{\"name\":\"jeffalmquist\",\"@id\":\"https:\/\/seedcode.com\/#\/schema\/person\/e038c04c4091d558cd79fa44d0199ff6\"},\"headline\":\"A Custom Sidebar for DayBack Calendar\",\"datePublished\":\"2015-02-24T16:09:47+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/seedcode.com\/custom-sidebar-for-dayback\/\"},\"wordCount\":274,\"commentCount\":2,\"publisher\":{\"@id\":\"https:\/\/seedcode.com\/#organization\"},\"image\":{\"@id\":\"https:\/\/seedcode.com\/custom-sidebar-for-dayback\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/seedcode.com\/wp-content\/uploads\/2015\/02\/sidebar.png\",\"keywords\":[\"Interface Design\",\"Sidebar\"],\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\/\/seedcode.com\/custom-sidebar-for-dayback\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/seedcode.com\/custom-sidebar-for-dayback\/\",\"url\":\"https:\/\/seedcode.com\/custom-sidebar-for-dayback\/\",\"name\":\"A Custom Sidebar for DayBack Calendar - SeedCode\",\"isPartOf\":{\"@id\":\"https:\/\/seedcode.com\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/seedcode.com\/custom-sidebar-for-dayback\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/seedcode.com\/custom-sidebar-for-dayback\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/seedcode.com\/wp-content\/uploads\/2015\/02\/sidebar.png\",\"datePublished\":\"2015-02-24T16:09:47+00:00\",\"breadcrumb\":{\"@id\":\"https:\/\/seedcode.com\/custom-sidebar-for-dayback\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/seedcode.com\/custom-sidebar-for-dayback\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/seedcode.com\/custom-sidebar-for-dayback\/#primaryimage\",\"url\":\"https:\/\/seedcode.com\/wp-content\/uploads\/2015\/02\/sidebar.png\",\"contentUrl\":\"https:\/\/seedcode.com\/wp-content\/uploads\/2015\/02\/sidebar.png\",\"width\":109,\"height\":110},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/seedcode.com\/custom-sidebar-for-dayback\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/seedcode.com\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"A Custom Sidebar for DayBack Calendar\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/seedcode.com\/#website\",\"url\":\"https:\/\/seedcode.com\/\",\"name\":\"SeedCode\",\"description\":\"Build the Software You'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\/e038c04c4091d558cd79fa44d0199ff6\",\"name\":\"jeffalmquist\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/seedcode.com\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/?s=96&d=mm&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/?s=96&d=mm&r=g\",\"caption\":\"jeffalmquist\"},\"url\":\"https:\/\/seedcode.com\/author\/jeffalmquist\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"A Custom Sidebar for 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\/custom-sidebar-for-dayback\/","og_locale":"en_US","og_type":"article","og_title":"A Custom Sidebar for DayBack Calendar - SeedCode","og_description":"Adding a FileMaker Portal next to DayBack’s WebViewer Recently Arie Covrigaru of PlanOmatic ( http:\/\/planomatic.com ) hired us to add some custom features to his DayBack calendar. His main request was to be able to filter the calendar by resource(s) by selecting from a searchable, scrolling list. And he wanted that in the main calendar window, beside his calendar, not in the “advanced filters” popup window where this is usually done. The solution was to nudge the webviewer object 300 pixels to the right to make room for a tab-control object with a filtered portal on each tab. Arie’s resources are photographers, and each is associated with a “service area” (geographical location). The first tab in the side bar shows all the service areas, with a “search” field at the top to filter the portal. To filter the calendar by one or more resources, you can manually select them from the “Photogs” list, or you can click on a service area to select all photographers in that service area. The custom sidebar has been styled to match the stock DayBack webviewer sidebar, which is hidden by default. The “Delivery” tab behaves the same as the “Status Filters” tab on the stock sidebar. Arie loves it! If you’re interested in mods like this, get in touch or purchase one of our implementation packages.","og_url":"https:\/\/seedcode.com\/custom-sidebar-for-dayback\/","og_site_name":"SeedCode","article_publisher":"https:\/\/www.facebook.com\/seedcoder","article_published_time":"2015-02-24T16:09:47+00:00","og_image":[{"width":109,"height":110,"url":"https:\/\/seedcode.com\/wp-content\/uploads\/2015\/02\/sidebar.png","type":"image\/png"}],"author":"jeffalmquist","twitter_card":"summary_large_image","twitter_creator":"@dayback","twitter_site":"@dayback","twitter_misc":{"Written by":"jeffalmquist","Est. reading time":"1 minute"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/seedcode.com\/custom-sidebar-for-dayback\/#article","isPartOf":{"@id":"https:\/\/seedcode.com\/custom-sidebar-for-dayback\/"},"author":{"name":"jeffalmquist","@id":"https:\/\/seedcode.com\/#\/schema\/person\/e038c04c4091d558cd79fa44d0199ff6"},"headline":"A Custom Sidebar for DayBack Calendar","datePublished":"2015-02-24T16:09:47+00:00","mainEntityOfPage":{"@id":"https:\/\/seedcode.com\/custom-sidebar-for-dayback\/"},"wordCount":274,"commentCount":2,"publisher":{"@id":"https:\/\/seedcode.com\/#organization"},"image":{"@id":"https:\/\/seedcode.com\/custom-sidebar-for-dayback\/#primaryimage"},"thumbnailUrl":"https:\/\/seedcode.com\/wp-content\/uploads\/2015\/02\/sidebar.png","keywords":["Interface Design","Sidebar"],"inLanguage":"en-US","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/seedcode.com\/custom-sidebar-for-dayback\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/seedcode.com\/custom-sidebar-for-dayback\/","url":"https:\/\/seedcode.com\/custom-sidebar-for-dayback\/","name":"A Custom Sidebar for DayBack Calendar - SeedCode","isPartOf":{"@id":"https:\/\/seedcode.com\/#website"},"primaryImageOfPage":{"@id":"https:\/\/seedcode.com\/custom-sidebar-for-dayback\/#primaryimage"},"image":{"@id":"https:\/\/seedcode.com\/custom-sidebar-for-dayback\/#primaryimage"},"thumbnailUrl":"https:\/\/seedcode.com\/wp-content\/uploads\/2015\/02\/sidebar.png","datePublished":"2015-02-24T16:09:47+00:00","breadcrumb":{"@id":"https:\/\/seedcode.com\/custom-sidebar-for-dayback\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/seedcode.com\/custom-sidebar-for-dayback\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/seedcode.com\/custom-sidebar-for-dayback\/#primaryimage","url":"https:\/\/seedcode.com\/wp-content\/uploads\/2015\/02\/sidebar.png","contentUrl":"https:\/\/seedcode.com\/wp-content\/uploads\/2015\/02\/sidebar.png","width":109,"height":110},{"@type":"BreadcrumbList","@id":"https:\/\/seedcode.com\/custom-sidebar-for-dayback\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/seedcode.com\/"},{"@type":"ListItem","position":2,"name":"A Custom Sidebar for DayBack Calendar"}]},{"@type":"WebSite","@id":"https:\/\/seedcode.com\/#website","url":"https:\/\/seedcode.com\/","name":"SeedCode","description":"Build the Software You'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\/e038c04c4091d558cd79fa44d0199ff6","name":"jeffalmquist","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/seedcode.com\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/?s=96&d=mm&r=g","caption":"jeffalmquist"},"url":"https:\/\/seedcode.com\/author\/jeffalmquist\/"}]}},"_links":{"self":[{"href":"https:\/\/seedcode.com\/wp-json\/wp\/v2\/posts\/8578","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\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/seedcode.com\/wp-json\/wp\/v2\/comments?post=8578"}],"version-history":[{"count":0,"href":"https:\/\/seedcode.com\/wp-json\/wp\/v2\/posts\/8578\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/seedcode.com\/wp-json\/wp\/v2\/media\/8583"}],"wp:attachment":[{"href":"https:\/\/seedcode.com\/wp-json\/wp\/v2\/media?parent=8578"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/seedcode.com\/wp-json\/wp\/v2\/categories?post=8578"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/seedcode.com\/wp-json\/wp\/v2\/tags?post=8578"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}