{"id":9870,"date":"2016-06-07T14:35:22","date_gmt":"2016-06-07T21:35:22","guid":{"rendered":"http:\/\/www.seedcode.com\/?p=9870"},"modified":"2016-06-07T14:35:22","modified_gmt":"2016-06-07T21:35:22","slug":"inspecting-daybacks-css","status":"publish","type":"post","link":"https:\/\/seedcode.com\/inspecting-daybacks-css\/","title":{"rendered":"Inspecting DayBack’s CSS"},"content":{"rendered":"

A couple customers have recently asked if they could inspect the CSS in DayBack like they can in web apps so they can find the exact name and class of the objects they want to style.<\/p>\n

Yes! Since the online version of DayBack<\/a> has almost exactly the same code as the FileMaker version, it makes inspecting pretty easy. You can create a 30-day trial of the online version<\/a> or use the demo login for your inspecting:\u00a0http:\/\/www.seedcode.com\/dayback-online-demo\/<\/a><\/p>\n

(You’ll want to create a trial account if you want to inspect admin-only feature like the status-color popovers: those aren’t available to the demo account.)<\/p>\n

Here is a quick video of how we do it–the css we discover in the browser can be\u00a0used in the FileMaker version of DayBack:<\/p>\n

[ba-youtubeflex videoid=”N1Mm3UMHdq4″]<\/p>\n

\u00a0Instructions for changing the CSS in FileMaker are here<\/a>. You’ll also find some common CSS mods<\/a> in our documentation. Enjoy!<\/p>\n","protected":false},"excerpt":{"rendered":"

A couple customers have recently asked if they could inspect the CSS in DayBack like they can in web apps so they can find the exact name and class of the objects they want to style. Yes! Since the online version of DayBack has almost exactly the same code as the FileMaker version, it makes inspecting pretty easy. You can create a 30-day trial of the online version or use the demo login for your inspecting:\u00a0http:\/\/www.seedcode.com\/dayback-online-demo\/ (You’ll want to create a trial account if you want to inspect admin-only feature like the status-color popovers: those aren’t available to the demo account.) Here is a quick video of how we do it–the css we discover in the browser can be\u00a0used in the FileMaker version of DayBack: [ba-youtubeflex videoid=”N1Mm3UMHdq4″] \u00a0Instructions for changing the CSS in FileMaker are here. You’ll also find some common CSS mods in our documentation. Enjoy!<\/p>\n","protected":false},"author":1,"featured_media":9873,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[1],"tags":[8,11],"class_list":["post-9870","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-uncategorized","tag-calendar","tag-interface-design"],"yoast_head":"\nInspecting DayBack's CSS - 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\/inspecting-daybacks-css\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Inspecting DayBack's CSS - SeedCode\" \/>\n<meta property=\"og:description\" content=\"A couple customers have recently asked if they could inspect the CSS in DayBack like they can in web apps so they can find the exact name and class of the objects they want to style. Yes! Since the online version of DayBack has almost exactly the same code as the FileMaker version, it makes inspecting pretty easy. You can create a 30-day trial of the online version or use the demo login for your inspecting:\u00a0http:\/\/www.seedcode.com\/dayback-online-demo\/ (You’ll want to create a trial account if you want to inspect admin-only feature like the status-color popovers: those aren’t available to the demo account.) Here is a quick video of how we do it–the css we discover in the browser can be\u00a0used in the FileMaker version of DayBack: [ba-youtubeflex videoid=”N1Mm3UMHdq4″] \u00a0Instructions for changing the CSS in FileMaker are here. You’ll also find some common CSS mods in our documentation. Enjoy!\" \/>\n<meta property=\"og:url\" content=\"https:\/\/seedcode.com\/inspecting-daybacks-css\/\" \/>\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=\"2016-06-07T21:35:22+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/seedcode.com\/wp-content\/uploads\/2016\/06\/csser.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=\"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=\"1 minute\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\/\/seedcode.com\/inspecting-daybacks-css\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/seedcode.com\/inspecting-daybacks-css\/\"},\"author\":{\"name\":\"seedcode\",\"@id\":\"https:\/\/seedcode.com\/#\/schema\/person\/af42f3f8cbfc8652fb0ffbb3f46f260f\"},\"headline\":\"Inspecting DayBack’s CSS\",\"datePublished\":\"2016-06-07T21:35:22+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/seedcode.com\/inspecting-daybacks-css\/\"},\"wordCount\":163,\"commentCount\":0,\"publisher\":{\"@id\":\"https:\/\/seedcode.com\/#organization\"},\"image\":{\"@id\":\"https:\/\/seedcode.com\/inspecting-daybacks-css\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/seedcode.com\/wp-content\/uploads\/2016\/06\/csser.png\",\"keywords\":[\"Calendar\",\"Interface Design\"],\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\/\/seedcode.com\/inspecting-daybacks-css\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/seedcode.com\/inspecting-daybacks-css\/\",\"url\":\"https:\/\/seedcode.com\/inspecting-daybacks-css\/\",\"name\":\"Inspecting DayBack's CSS - SeedCode\",\"isPartOf\":{\"@id\":\"https:\/\/seedcode.com\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/seedcode.com\/inspecting-daybacks-css\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/seedcode.com\/inspecting-daybacks-css\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/seedcode.com\/wp-content\/uploads\/2016\/06\/csser.png\",\"datePublished\":\"2016-06-07T21:35:22+00:00\",\"breadcrumb\":{\"@id\":\"https:\/\/seedcode.com\/inspecting-daybacks-css\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/seedcode.com\/inspecting-daybacks-css\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/seedcode.com\/inspecting-daybacks-css\/#primaryimage\",\"url\":\"https:\/\/seedcode.com\/wp-content\/uploads\/2016\/06\/csser.png\",\"contentUrl\":\"https:\/\/seedcode.com\/wp-content\/uploads\/2016\/06\/csser.png\",\"width\":109,\"height\":110},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/seedcode.com\/inspecting-daybacks-css\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/seedcode.com\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Inspecting DayBack’s CSS\"}]},{\"@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":"Inspecting DayBack's CSS - 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\/inspecting-daybacks-css\/","og_locale":"en_US","og_type":"article","og_title":"Inspecting DayBack's CSS - SeedCode","og_description":"A couple customers have recently asked if they could inspect the CSS in DayBack like they can in web apps so they can find the exact name and class of the objects they want to style. Yes! Since the online version of DayBack has almost exactly the same code as the FileMaker version, it makes inspecting pretty easy. You can create a 30-day trial of the online version or use the demo login for your inspecting:\u00a0http:\/\/www.seedcode.com\/dayback-online-demo\/ (You’ll want to create a trial account if you want to inspect admin-only feature like the status-color popovers: those aren’t available to the demo account.) Here is a quick video of how we do it–the css we discover in the browser can be\u00a0used in the FileMaker version of DayBack: [ba-youtubeflex videoid=”N1Mm3UMHdq4″] \u00a0Instructions for changing the CSS in FileMaker are here. You’ll also find some common CSS mods in our documentation. Enjoy!","og_url":"https:\/\/seedcode.com\/inspecting-daybacks-css\/","og_site_name":"SeedCode","article_publisher":"https:\/\/www.facebook.com\/seedcoder","article_published_time":"2016-06-07T21:35:22+00:00","og_image":[{"width":109,"height":110,"url":"https:\/\/seedcode.com\/wp-content\/uploads\/2016\/06\/csser.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":"1 minute"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/seedcode.com\/inspecting-daybacks-css\/#article","isPartOf":{"@id":"https:\/\/seedcode.com\/inspecting-daybacks-css\/"},"author":{"name":"seedcode","@id":"https:\/\/seedcode.com\/#\/schema\/person\/af42f3f8cbfc8652fb0ffbb3f46f260f"},"headline":"Inspecting DayBack’s CSS","datePublished":"2016-06-07T21:35:22+00:00","mainEntityOfPage":{"@id":"https:\/\/seedcode.com\/inspecting-daybacks-css\/"},"wordCount":163,"commentCount":0,"publisher":{"@id":"https:\/\/seedcode.com\/#organization"},"image":{"@id":"https:\/\/seedcode.com\/inspecting-daybacks-css\/#primaryimage"},"thumbnailUrl":"https:\/\/seedcode.com\/wp-content\/uploads\/2016\/06\/csser.png","keywords":["Calendar","Interface Design"],"inLanguage":"en-US","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/seedcode.com\/inspecting-daybacks-css\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/seedcode.com\/inspecting-daybacks-css\/","url":"https:\/\/seedcode.com\/inspecting-daybacks-css\/","name":"Inspecting DayBack's CSS - SeedCode","isPartOf":{"@id":"https:\/\/seedcode.com\/#website"},"primaryImageOfPage":{"@id":"https:\/\/seedcode.com\/inspecting-daybacks-css\/#primaryimage"},"image":{"@id":"https:\/\/seedcode.com\/inspecting-daybacks-css\/#primaryimage"},"thumbnailUrl":"https:\/\/seedcode.com\/wp-content\/uploads\/2016\/06\/csser.png","datePublished":"2016-06-07T21:35:22+00:00","breadcrumb":{"@id":"https:\/\/seedcode.com\/inspecting-daybacks-css\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/seedcode.com\/inspecting-daybacks-css\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/seedcode.com\/inspecting-daybacks-css\/#primaryimage","url":"https:\/\/seedcode.com\/wp-content\/uploads\/2016\/06\/csser.png","contentUrl":"https:\/\/seedcode.com\/wp-content\/uploads\/2016\/06\/csser.png","width":109,"height":110},{"@type":"BreadcrumbList","@id":"https:\/\/seedcode.com\/inspecting-daybacks-css\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/seedcode.com\/"},{"@type":"ListItem","position":2,"name":"Inspecting DayBack’s CSS"}]},{"@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\/9870","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=9870"}],"version-history":[{"count":0,"href":"https:\/\/seedcode.com\/wp-json\/wp\/v2\/posts\/9870\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/seedcode.com\/wp-json\/wp\/v2\/media\/9873"}],"wp:attachment":[{"href":"https:\/\/seedcode.com\/wp-json\/wp\/v2\/media?parent=9870"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/seedcode.com\/wp-json\/wp\/v2\/categories?post=9870"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/seedcode.com\/wp-json\/wp\/v2\/tags?post=9870"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}