{"id":11566,"date":"2018-10-15T10:41:20","date_gmt":"2018-10-15T17:41:20","guid":{"rendered":"https:\/\/www.seedcode.com\/?p=11566"},"modified":"2018-10-15T10:41:20","modified_gmt":"2018-10-15T17:41:20","slug":"time-tracking-filemaker","status":"publish","type":"post","link":"https:\/\/seedcode.com\/time-tracking-filemaker\/","title":{"rendered":"Time Tracking in FileMaker with DayBack Calendar"},"content":{"rendered":"

Track estimated vs. actual time right in your FileMaker Calendar<\/h2>\n

We recently customized DayBack for a team tracking the\u00a0manufacturing and assembly trade show displays. Folks on the manufacturing floor use DayBack to see what they’re scheduled to work on AND to log their time. They can then\u00a0compare estimated to actual time with Calendar Analytics<\/a>.<\/p>\n

\n

DayBack is designed to be customized and provides several hooks where you can add your own time tracking scripts and layouts. This post illustrates five different approaches and includes instructions\/examples below.<\/h4>\n<\/blockquote>\n

If you’re using DayBack to see what you need to work on, it makes sense to log time right there as well. Here’s what we did for this customer:<\/p>\n

\"Time<\/a>

Logging time in a card window from within DayBack Calendar.<\/figcaption><\/figure>\n
\"Time<\/a>

Comparing estimated to actual time in Calendar Analytics<\/figcaption><\/figure>\n

Time Tracking in FileMaker: Five Methods within DayBack Calendar<\/h2>\n

1. Card Windows<\/h3>\n

The example above logs time in your own layout shown in a card window. This is a great way to gather additional user input while keeping them focused on their calendar. The easiest way to call a card window from DayBack is to call your own script from a custom action button<\/strong>. You can add as many buttons as you want and they can call your own FileMaker scripts, run JavaScript, or open a URL. Buttons show up in the action drawer when a user clicks the cog icon in the bottom right of an event:<\/p>\n

\"Log<\/a><\/p>\n

Buttons like this are cake to create–you’ll edit one of DayBack’s FileMaker scripts to give the button a name and tell it which FileMaker script to call. DayBack even sets some local variables for you (like the ID of the event you’re working with), so the scripts you call from within DayBack are easy to write. Detailed instructions are here: Custom Action Buttons<\/a>.<\/p>\n

If you want to color the button like we have, and add a little “clock” icon, just give your button the class name “LogTime” and then add this CSS to DayBack:<\/p>\n

.LogTime .btn {\n    color: #fff;\n    background-color: #5cb85c;\n    border-color: #4cae4c;\n}\n.LogTime .btn::before {\n    content: \"\\f017\";\n    font-family: FontAwesome;\n    font-size: 14px;\n    padding-right: 7px;\n}\n<\/pre>\n
Instructions for changing the CSS are here: Customizing DayBack’s Appearance<\/a>.<\/p>\n
2. Your Own FileMaker Layout<\/h3>\n
If you don’t want to use DayBack’s built-in event display, you can use your own layout instead. Then you can include any time tracking fields you want right on the event layout. Here’s an example:<\/p>\n
\"\"<\/a><\/p>\n
This is an excellent approach if your event is very complex, has lots of fields, or if you’d like your users to log time in a portal on the same screen where they edit their event. Using your own layout is a simple change in DayBack, and you’ll find detailed instructions here: Editing Events in Your Own Layouts<\/a>.<\/p>\n
3. Additional Fields<\/h3>\n
You can also add fields to DayBack’s built-in event display and use these to log time. Additional fields show up in their own drawer, and you can add as many as you’d like. You’ll also have control over their formatting and can format pick lists, currency fields, and more. Instructions are here: Adding Fields to DayBack’s Event Popover<\/a>.<\/p>\n
\"\"<\/a><\/p>\n
4. Connect to a Time Tracking App<\/h3>\n
DayBack also makes it easier for you to log time in web apps like Harvest<\/a> or Toggl<\/a>. There are two basic approaches here. We generally write small JavaScript routines to talk to a service like this. Here’s a movie of how we do this to connect DayBack to Slack or Harvest and you’ll find example JavaScript<\/a> for both in our documentation as well:<\/p>\n
\"\"<\/a><\/p>\n
You can also send requests to web services using the new cURL support in FileMaker’s InsertFromURL script step. This keeps all your code inside a FileMaker script; you’d call the script from a custom action button<\/a> in DayBack. Here’s a nice overview and example file of how to get started with cURL<\/a>.<\/p>\n
5. Do Your Own Thing: Intercept DayBack’s Scripts<\/h3>\n
What if you want to start logging time when an item’s status changes? DayBack makes that very easy since you can intercept any edits to your events and add your own FileMaker script steps or new scripts. This is one of my favorite parts of DayBack: turn on the ScriptDebugger and start dragging events around. You’ll see the FileMaker scripts involved and can edit them right there. The movie below describes\u00a0of how I’d find where DayBack is changing the status, and compare the old status to the new one so that we can start logging time if an item’s status is changed to “begun”:<\/p>\n
\"\"<\/a><\/p>\n
That’s it! I hope one of these methods works for you. If you need pointers on where to start customizing DayBack, please get in touch<\/a>. We’re here to help.<\/p>\n
And don’t forget to look at Calendar Analytics<\/a> so you can track time week-to-week and compare estimates to actuals.<\/p>\n
[ba-button link=”https:\/\/www.seedcode.com\/downloads\/” color=”Yellow” target=”self”] \u00a0Download an Unlocked 30-Day Trial of DayBack \u00a0[\/ba-button]<\/p>\n","protected":false},"excerpt":{"rendered":"
Track estimated vs. actual time right in your FileMaker Calendar We recently customized DayBack for a team tracking the\u00a0manufacturing and assembly trade show displays. Folks on the manufacturing floor use DayBack to see what they’re scheduled to work on AND to log their time. They can then\u00a0compare estimated to actual time with Calendar Analytics. DayBack is designed to be customized and provides several hooks where you can add your own time tracking scripts and layouts. This post illustrates five different approaches and includes instructions\/examples below. If you’re using DayBack to see what you need to work on, it makes sense to log time right there as well. Here’s what we did for this customer: Time Tracking in FileMaker: Five Methods within DayBack Calendar 1. Card Windows<\/p>\n","protected":false},"author":1,"featured_media":11569,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[1],"tags":[8,20],"class_list":["post-11566","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-uncategorized","tag-calendar","tag-making-time"],"yoast_head":"\nTime Tracking in FileMaker with DayBack Calendar - SeedCode<\/title>\n<meta name=\"description\" content=\"Five methods for adding Time Tracking in FileMaker using DayBack Calendar. Examples and instructions included. When you customize DayBack you're writing FileMaker scripts; you don't have to write JavaScript unless you want to.\" \/>\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\/time-tracking-filemaker\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Time Tracking in FileMaker with DayBack Calendar - SeedCode\" \/>\n<meta property=\"og:description\" content=\"Five methods for adding Time Tracking in FileMaker using DayBack Calendar. Examples and instructions included. When you customize DayBack you're writing FileMaker scripts; you don't have to write JavaScript unless you want to.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/seedcode.com\/time-tracking-filemaker\/\" \/>\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=\"2018-10-15T17:41:20+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/seedcode.com\/wp-content\/uploads\/2018\/10\/timetrack-2.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=\"4 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\/\/seedcode.com\/time-tracking-filemaker\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/seedcode.com\/time-tracking-filemaker\/\"},\"author\":{\"name\":\"seedcode\",\"@id\":\"https:\/\/seedcode.com\/#\/schema\/person\/af42f3f8cbfc8652fb0ffbb3f46f260f\"},\"headline\":\"Time Tracking in FileMaker with DayBack Calendar\",\"datePublished\":\"2018-10-15T17:41:20+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/seedcode.com\/time-tracking-filemaker\/\"},\"wordCount\":853,\"commentCount\":2,\"publisher\":{\"@id\":\"https:\/\/seedcode.com\/#organization\"},\"image\":{\"@id\":\"https:\/\/seedcode.com\/time-tracking-filemaker\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/seedcode.com\/wp-content\/uploads\/2018\/10\/timetrack-2.png\",\"keywords\":[\"Calendar\",\"Making Time\"],\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\/\/seedcode.com\/time-tracking-filemaker\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/seedcode.com\/time-tracking-filemaker\/\",\"url\":\"https:\/\/seedcode.com\/time-tracking-filemaker\/\",\"name\":\"Time Tracking in FileMaker with DayBack Calendar - SeedCode\",\"isPartOf\":{\"@id\":\"https:\/\/seedcode.com\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/seedcode.com\/time-tracking-filemaker\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/seedcode.com\/time-tracking-filemaker\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/seedcode.com\/wp-content\/uploads\/2018\/10\/timetrack-2.png\",\"datePublished\":\"2018-10-15T17:41:20+00:00\",\"description\":\"Five methods for adding Time Tracking in FileMaker using DayBack Calendar. Examples and instructions included. When you customize DayBack you're writing FileMaker scripts; you don't have to write JavaScript unless you want to.\",\"breadcrumb\":{\"@id\":\"https:\/\/seedcode.com\/time-tracking-filemaker\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/seedcode.com\/time-tracking-filemaker\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/seedcode.com\/time-tracking-filemaker\/#primaryimage\",\"url\":\"https:\/\/seedcode.com\/wp-content\/uploads\/2018\/10\/timetrack-2.png\",\"contentUrl\":\"https:\/\/seedcode.com\/wp-content\/uploads\/2018\/10\/timetrack-2.png\",\"width\":319,\"height\":325},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/seedcode.com\/time-tracking-filemaker\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/seedcode.com\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Time Tracking in FileMaker with 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\/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":"Time Tracking in FileMaker with DayBack Calendar - SeedCode","description":"Five methods for adding Time Tracking in FileMaker using DayBack Calendar. Examples and instructions included. When you customize DayBack you're writing FileMaker scripts; you don't have to write JavaScript unless you want to.","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\/time-tracking-filemaker\/","og_locale":"en_US","og_type":"article","og_title":"Time Tracking in FileMaker with DayBack Calendar - SeedCode","og_description":"Five methods for adding Time Tracking in FileMaker using DayBack Calendar. Examples and instructions included. When you customize DayBack you're writing FileMaker scripts; you don't have to write JavaScript unless you want to.","og_url":"https:\/\/seedcode.com\/time-tracking-filemaker\/","og_site_name":"SeedCode","article_publisher":"https:\/\/www.facebook.com\/seedcoder","article_published_time":"2018-10-15T17:41:20+00:00","og_image":[{"width":319,"height":325,"url":"https:\/\/seedcode.com\/wp-content\/uploads\/2018\/10\/timetrack-2.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":"4 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/seedcode.com\/time-tracking-filemaker\/#article","isPartOf":{"@id":"https:\/\/seedcode.com\/time-tracking-filemaker\/"},"author":{"name":"seedcode","@id":"https:\/\/seedcode.com\/#\/schema\/person\/af42f3f8cbfc8652fb0ffbb3f46f260f"},"headline":"Time Tracking in FileMaker with DayBack Calendar","datePublished":"2018-10-15T17:41:20+00:00","mainEntityOfPage":{"@id":"https:\/\/seedcode.com\/time-tracking-filemaker\/"},"wordCount":853,"commentCount":2,"publisher":{"@id":"https:\/\/seedcode.com\/#organization"},"image":{"@id":"https:\/\/seedcode.com\/time-tracking-filemaker\/#primaryimage"},"thumbnailUrl":"https:\/\/seedcode.com\/wp-content\/uploads\/2018\/10\/timetrack-2.png","keywords":["Calendar","Making Time"],"inLanguage":"en-US","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/seedcode.com\/time-tracking-filemaker\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/seedcode.com\/time-tracking-filemaker\/","url":"https:\/\/seedcode.com\/time-tracking-filemaker\/","name":"Time Tracking in FileMaker with DayBack Calendar - SeedCode","isPartOf":{"@id":"https:\/\/seedcode.com\/#website"},"primaryImageOfPage":{"@id":"https:\/\/seedcode.com\/time-tracking-filemaker\/#primaryimage"},"image":{"@id":"https:\/\/seedcode.com\/time-tracking-filemaker\/#primaryimage"},"thumbnailUrl":"https:\/\/seedcode.com\/wp-content\/uploads\/2018\/10\/timetrack-2.png","datePublished":"2018-10-15T17:41:20+00:00","description":"Five methods for adding Time Tracking in FileMaker using DayBack Calendar. Examples and instructions included. When you customize DayBack you're writing FileMaker scripts; you don't have to write JavaScript unless you want to.","breadcrumb":{"@id":"https:\/\/seedcode.com\/time-tracking-filemaker\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/seedcode.com\/time-tracking-filemaker\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/seedcode.com\/time-tracking-filemaker\/#primaryimage","url":"https:\/\/seedcode.com\/wp-content\/uploads\/2018\/10\/timetrack-2.png","contentUrl":"https:\/\/seedcode.com\/wp-content\/uploads\/2018\/10\/timetrack-2.png","width":319,"height":325},{"@type":"BreadcrumbList","@id":"https:\/\/seedcode.com\/time-tracking-filemaker\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/seedcode.com\/"},{"@type":"ListItem","position":2,"name":"Time Tracking in FileMaker with 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\/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\/11566","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=11566"}],"version-history":[{"count":0,"href":"https:\/\/seedcode.com\/wp-json\/wp\/v2\/posts\/11566\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/seedcode.com\/wp-json\/wp\/v2\/media\/11569"}],"wp:attachment":[{"href":"https:\/\/seedcode.com\/wp-json\/wp\/v2\/media?parent=11566"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/seedcode.com\/wp-json\/wp\/v2\/categories?post=11566"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/seedcode.com\/wp-json\/wp\/v2\/tags?post=11566"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}