{"id":73081,"date":"2016-07-28T17:00:37","date_gmt":"2016-07-28T17:00:37","guid":{"rendered":"http:\/\/www.esri.com\/arcgis-blog\/products\/product\/uncategorized\/time-aware-tip-create-a-custom-time-slider-label\/"},"modified":"2018-03-26T21:09:47","modified_gmt":"2018-03-26T21:09:47","slug":"time-aware-tip-create-a-custom-time-slider-label","status":"publish","type":"blog","link":"https:\/\/www.esri.com\/arcgis-blog\/products\/\/uncategorized\/time-aware-tip-create-a-custom-time-slider-label","title":{"rendered":"Time Aware tip: Create a custom time slider label"},"author":7641,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"open","ping_status":"closed","template":"","format":"standard","meta":{"_acf_changed":false,"_searchwp_excluded":""},"categories":[],"tags":[31661,27591],"industry":[],"product":[36551],"class_list":["post-73081","blog","type-blog","status-publish","format-standard","hentry","tag-configurable-app-tip","tag-time-aware","product-arcgis-online"],"acf":{"short_description":"Time Aware\u00a0is a configurable app template that enables users to visualize time-enabled layers. It enhances the temporal capabilities of ...","flexible_content":[{"acf_fc_layout":"content","content":"<p><a href=\"http:\/\/www.arcgis.com\/home\/item.html?id=b70d83ba89db4f8a97427ee237a1e60c\" target=\"_blank\">Time Aware<\/a>\u00a0is a configurable app template that enables users to visualize time-enabled layers. It enhances the temporal capabilities of the web map, and can be configured to display time in different ways.<\/p>\n<p>The Time Aware configurable app includes a slider that enables the viewer to play, pause, and interactively move forwards and backwards through time, depending on how it has been configured. The primary tabs for controlling slider functionality and appearance are Time Slider Options and Date\/Time Format, found along the left side of the configuration panel.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-66892\" src=\"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2016\/07\/ta-1.png\" alt=\"\" width=\"397\" height=\"419\" \/><\/p>\n<p>In the Date\/Time Format tab, pre-defined date formats can be chosen from a drop-down list.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-66893\" src=\"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2016\/07\/ta-2.png\" alt=\"\" width=\"354\" height=\"364\" \/><\/p>\n<p>For example, to display a year, choose the pre-defined date format &#8220;2015&#8221; from the drop-down. The Time Aware slider appears as shown below:<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-66894\" src=\"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2016\/07\/ta-3.png\" alt=\"\" width=\"415\" height=\"86\" \/><\/p>\n<p>The date actually represents a season &#8211; 2012 on the slider represents the winter 2012 season, spanning the end of 2012 and beginning of 2013. To remove any ambiguity, a custom slider label can be created by adding text to the formatted date.<\/p>\n<p>To add text, go to the Date\/Time Format tab, and in Custom Date Format construct a string for the slider label. The Date can be expressed in a variety of <a href=\"http:\/\/momentjs.com\/docs\/#\/displaying\/format\/\" target=\"_blank\">standard formats<\/a>, such as YYYY or YYY-MM-dd, and text can be placed within braces &#8211; <strong>[<\/strong> and <strong>]<\/strong>. Since our time animation settings were also cumulative, we used the following string in Custom Date Format:<\/p>\n<p>[Cumulative observations through winter] YYYY [season]<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-66896\" src=\"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2016\/07\/ta-4.png\" alt=\"\" width=\"571\" height=\"161\" \/><\/p>\n<p>The slider now appears as shown below:<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-66897\" src=\"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2016\/07\/ta-5.png\" alt=\"\" width=\"419\" height=\"86\" \/><\/p>\n<p>View the <a href=\"http:\/\/story.maps.arcgis.com\/apps\/TimeAware\/index.html?appid=13efebce58cf44f4bd5b6fe5c461c8c3\" target=\"_blank\">Time Aware application<\/a>\u00a0shown above.<\/p>\n"}],"authors":[{"ID":7641,"user_firstname":"Bernie","user_lastname":"Szukalski","nickname":"Bern Szukalski","user_nicename":"bszukalski","display_name":"Bern Szukalski","user_email":"bszukalski@esri.com","user_url":"","user_registered":"2018-03-26 17:55:14","user_description":"I am a corporate technology evangelist and geo advocate at Esri, focusing on ways to broaden access to geographic information and helping customers succeed with ArcGIS. \r\n\r\nOn a good day I'm making a map, on a great day I'm on one. Email bszukalski@esri.com or connect on LinkedIn (https:\/\/www.linkedin.com\/in\/bernszukalski\/).","user_avatar":"<img data-del=\"avatar\" src='https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2026\/02\/bern04-465x465.png' class='avatar pp-user-avatar avatar-96 photo ' height='96' width='96'\/>"}]},"yoast_head":"<!-- This site is optimized with the Yoast SEO Premium plugin v25.9 (Yoast SEO v25.9) - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>Time Aware tip: Create a custom time slider label<\/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:\/\/www.esri.com\/arcgis-blog\/products\/\/uncategorized\/time-aware-tip-create-a-custom-time-slider-label\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Time Aware tip: Create a custom time slider label\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.esri.com\/arcgis-blog\/products\/\/uncategorized\/time-aware-tip-create-a-custom-time-slider-label\" \/>\n<meta property=\"og:site_name\" content=\"ArcGIS Blog\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/esrigis\/\" \/>\n<meta property=\"article:modified_time\" content=\"2018-03-26T21:09:47+00:00\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:site\" content=\"@ESRI\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":[\"Article\",\"BlogPosting\"],\"@id\":\"https:\/\/www.esri.com\/arcgis-blog\/products\/\/uncategorized\/time-aware-tip-create-a-custom-time-slider-label#article\",\"isPartOf\":{\"@id\":\"https:\/\/www.esri.com\/arcgis-blog\/products\/\/uncategorized\/time-aware-tip-create-a-custom-time-slider-label\"},\"author\":{\"name\":\"Bern Szukalski\",\"@id\":\"https:\/\/www.esri.com\/arcgis-blog\/#\/schema\/person\/fe7ff7aa0fcb52dff17af44a66422717\"},\"headline\":\"Time Aware tip: Create a custom time slider label\",\"datePublished\":\"2016-07-28T17:00:37+00:00\",\"dateModified\":\"2018-03-26T21:09:47+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/www.esri.com\/arcgis-blog\/products\/\/uncategorized\/time-aware-tip-create-a-custom-time-slider-label\"},\"wordCount\":9,\"commentCount\":0,\"publisher\":{\"@id\":\"https:\/\/www.esri.com\/arcgis-blog\/#organization\"},\"keywords\":[\"Configurable App Tip\",\"Time-Aware\"],\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\/\/www.esri.com\/arcgis-blog\/products\/\/uncategorized\/time-aware-tip-create-a-custom-time-slider-label#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/www.esri.com\/arcgis-blog\/products\/\/uncategorized\/time-aware-tip-create-a-custom-time-slider-label\",\"url\":\"https:\/\/www.esri.com\/arcgis-blog\/products\/\/uncategorized\/time-aware-tip-create-a-custom-time-slider-label\",\"name\":\"Time Aware tip: Create a custom time slider label\",\"isPartOf\":{\"@id\":\"https:\/\/www.esri.com\/arcgis-blog\/#website\"},\"datePublished\":\"2016-07-28T17:00:37+00:00\",\"dateModified\":\"2018-03-26T21:09:47+00:00\",\"breadcrumb\":{\"@id\":\"https:\/\/www.esri.com\/arcgis-blog\/products\/\/uncategorized\/time-aware-tip-create-a-custom-time-slider-label#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/www.esri.com\/arcgis-blog\/products\/\/uncategorized\/time-aware-tip-create-a-custom-time-slider-label\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/www.esri.com\/arcgis-blog\/products\/\/uncategorized\/time-aware-tip-create-a-custom-time-slider-label#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/www.esri.com\/arcgis-blog\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Time Aware tip: Create a custom time slider label\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/www.esri.com\/arcgis-blog\/#website\",\"url\":\"https:\/\/www.esri.com\/arcgis-blog\/\",\"name\":\"ArcGIS Blog\",\"description\":\"Get insider info from Esri product teams\",\"publisher\":{\"@id\":\"https:\/\/www.esri.com\/arcgis-blog\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/www.esri.com\/arcgis-blog\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/www.esri.com\/arcgis-blog\/#organization\",\"name\":\"Esri\",\"url\":\"https:\/\/www.esri.com\/arcgis-blog\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/www.esri.com\/arcgis-blog\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2018\/04\/Esri.png\",\"contentUrl\":\"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2018\/04\/Esri.png\",\"width\":400,\"height\":400,\"caption\":\"Esri\"},\"image\":{\"@id\":\"https:\/\/www.esri.com\/arcgis-blog\/#\/schema\/logo\/image\/\"},\"sameAs\":[\"https:\/\/www.facebook.com\/esrigis\/\",\"https:\/\/x.com\/ESRI\",\"https:\/\/www.linkedin.com\/company\/5311\/\"]},{\"@type\":\"Person\",\"@id\":\"https:\/\/www.esri.com\/arcgis-blog\/#\/schema\/person\/fe7ff7aa0fcb52dff17af44a66422717\",\"name\":\"Bern Szukalski\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/www.esri.com\/arcgis-blog\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2026\/02\/bern04-465x465.png\",\"contentUrl\":\"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2026\/02\/bern04-465x465.png\",\"caption\":\"Bern Szukalski\"},\"description\":\"I am a corporate technology evangelist and geo advocate at Esri, focusing on ways to broaden access to geographic information and helping customers succeed with ArcGIS. On a good day I'm making a map, on a great day I'm on one. Email bszukalski@esri.com or connect on LinkedIn (https:\/\/www.linkedin.com\/in\/bernszukalski\/).\",\"sameAs\":[\"https:\/\/www.linkedin.com\/in\/bernszukalski\/\"],\"url\":\"https:\/\/www.esri.com\/arcgis-blog\/author\/bszukalski\"}]}<\/script>\n<!-- \/ Yoast SEO Premium plugin. -->","yoast_head_json":{"title":"Time Aware tip: Create a custom time slider label","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:\/\/www.esri.com\/arcgis-blog\/products\/\/uncategorized\/time-aware-tip-create-a-custom-time-slider-label","og_locale":"en_US","og_type":"article","og_title":"Time Aware tip: Create a custom time slider label","og_url":"https:\/\/www.esri.com\/arcgis-blog\/products\/\/uncategorized\/time-aware-tip-create-a-custom-time-slider-label","og_site_name":"ArcGIS Blog","article_publisher":"https:\/\/www.facebook.com\/esrigis\/","article_modified_time":"2018-03-26T21:09:47+00:00","twitter_card":"summary_large_image","twitter_site":"@ESRI","schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":["Article","BlogPosting"],"@id":"https:\/\/www.esri.com\/arcgis-blog\/products\/\/uncategorized\/time-aware-tip-create-a-custom-time-slider-label#article","isPartOf":{"@id":"https:\/\/www.esri.com\/arcgis-blog\/products\/\/uncategorized\/time-aware-tip-create-a-custom-time-slider-label"},"author":{"name":"Bern Szukalski","@id":"https:\/\/www.esri.com\/arcgis-blog\/#\/schema\/person\/fe7ff7aa0fcb52dff17af44a66422717"},"headline":"Time Aware tip: Create a custom time slider label","datePublished":"2016-07-28T17:00:37+00:00","dateModified":"2018-03-26T21:09:47+00:00","mainEntityOfPage":{"@id":"https:\/\/www.esri.com\/arcgis-blog\/products\/\/uncategorized\/time-aware-tip-create-a-custom-time-slider-label"},"wordCount":9,"commentCount":0,"publisher":{"@id":"https:\/\/www.esri.com\/arcgis-blog\/#organization"},"keywords":["Configurable App Tip","Time-Aware"],"inLanguage":"en-US","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/www.esri.com\/arcgis-blog\/products\/\/uncategorized\/time-aware-tip-create-a-custom-time-slider-label#respond"]}]},{"@type":"WebPage","@id":"https:\/\/www.esri.com\/arcgis-blog\/products\/\/uncategorized\/time-aware-tip-create-a-custom-time-slider-label","url":"https:\/\/www.esri.com\/arcgis-blog\/products\/\/uncategorized\/time-aware-tip-create-a-custom-time-slider-label","name":"Time Aware tip: Create a custom time slider label","isPartOf":{"@id":"https:\/\/www.esri.com\/arcgis-blog\/#website"},"datePublished":"2016-07-28T17:00:37+00:00","dateModified":"2018-03-26T21:09:47+00:00","breadcrumb":{"@id":"https:\/\/www.esri.com\/arcgis-blog\/products\/\/uncategorized\/time-aware-tip-create-a-custom-time-slider-label#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.esri.com\/arcgis-blog\/products\/\/uncategorized\/time-aware-tip-create-a-custom-time-slider-label"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/www.esri.com\/arcgis-blog\/products\/\/uncategorized\/time-aware-tip-create-a-custom-time-slider-label#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/www.esri.com\/arcgis-blog\/"},{"@type":"ListItem","position":2,"name":"Time Aware tip: Create a custom time slider label"}]},{"@type":"WebSite","@id":"https:\/\/www.esri.com\/arcgis-blog\/#website","url":"https:\/\/www.esri.com\/arcgis-blog\/","name":"ArcGIS Blog","description":"Get insider info from Esri product teams","publisher":{"@id":"https:\/\/www.esri.com\/arcgis-blog\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.esri.com\/arcgis-blog\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/www.esri.com\/arcgis-blog\/#organization","name":"Esri","url":"https:\/\/www.esri.com\/arcgis-blog\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.esri.com\/arcgis-blog\/#\/schema\/logo\/image\/","url":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2018\/04\/Esri.png","contentUrl":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2018\/04\/Esri.png","width":400,"height":400,"caption":"Esri"},"image":{"@id":"https:\/\/www.esri.com\/arcgis-blog\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/esrigis\/","https:\/\/x.com\/ESRI","https:\/\/www.linkedin.com\/company\/5311\/"]},{"@type":"Person","@id":"https:\/\/www.esri.com\/arcgis-blog\/#\/schema\/person\/fe7ff7aa0fcb52dff17af44a66422717","name":"Bern Szukalski","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.esri.com\/arcgis-blog\/#\/schema\/person\/image\/","url":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2026\/02\/bern04-465x465.png","contentUrl":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2026\/02\/bern04-465x465.png","caption":"Bern Szukalski"},"description":"I am a corporate technology evangelist and geo advocate at Esri, focusing on ways to broaden access to geographic information and helping customers succeed with ArcGIS. On a good day I'm making a map, on a great day I'm on one. Email bszukalski@esri.com or connect on LinkedIn (https:\/\/www.linkedin.com\/in\/bernszukalski\/).","sameAs":["https:\/\/www.linkedin.com\/in\/bernszukalski\/"],"url":"https:\/\/www.esri.com\/arcgis-blog\/author\/bszukalski"}]}},"text_date":"July 28, 2016","author_name":"Bern Szukalski","author_page":"https:\/\/www.esri.com\/arcgis-blog\/author\/bszukalski","custom_image":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2025\/08\/Newsroom-Keyart-Wide-1920-x-1080.jpg","primary_product":"ArcGIS Online","tag_data":[{"term_id":31661,"name":"Configurable App Tip","slug":"configurable-app-tip","term_group":0,"term_taxonomy_id":31661,"taxonomy":"post_tag","description":"","parent":0,"count":3,"filter":"raw"},{"term_id":27591,"name":"Time-Aware","slug":"time-aware","term_group":0,"term_taxonomy_id":27591,"taxonomy":"post_tag","description":"","parent":0,"count":9,"filter":"raw"}],"category_data":[],"product_data":[{"term_id":36551,"name":"ArcGIS Online","slug":"arcgis-online","term_group":0,"term_taxonomy_id":36551,"taxonomy":"product","description":"","parent":0,"count":2445,"filter":"raw"}],"primary_product_link":"https:\/\/www.esri.com\/arcgis-blog\/?s=#&products=arcgis-online","_links":{"self":[{"href":"https:\/\/www.esri.com\/arcgis-blog\/wp-json\/wp\/v2\/blog\/73081","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.esri.com\/arcgis-blog\/wp-json\/wp\/v2\/blog"}],"about":[{"href":"https:\/\/www.esri.com\/arcgis-blog\/wp-json\/wp\/v2\/types\/blog"}],"author":[{"embeddable":true,"href":"https:\/\/www.esri.com\/arcgis-blog\/wp-json\/wp\/v2\/users\/7641"}],"replies":[{"embeddable":true,"href":"https:\/\/www.esri.com\/arcgis-blog\/wp-json\/wp\/v2\/comments?post=73081"}],"version-history":[{"count":0,"href":"https:\/\/www.esri.com\/arcgis-blog\/wp-json\/wp\/v2\/blog\/73081\/revisions"}],"wp:attachment":[{"href":"https:\/\/www.esri.com\/arcgis-blog\/wp-json\/wp\/v2\/media?parent=73081"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.esri.com\/arcgis-blog\/wp-json\/wp\/v2\/categories?post=73081"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.esri.com\/arcgis-blog\/wp-json\/wp\/v2\/tags?post=73081"},{"taxonomy":"industry","embeddable":true,"href":"https:\/\/www.esri.com\/arcgis-blog\/wp-json\/wp\/v2\/industry?post=73081"},{"taxonomy":"product","embeddable":true,"href":"https:\/\/www.esri.com\/arcgis-blog\/wp-json\/wp\/v2\/product?post=73081"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}