{"id":2936811,"date":"2026-02-02T07:05:13","date_gmt":"2026-02-02T15:05:13","guid":{"rendered":"https:\/\/www.esri.com\/arcgis-blog\/?post_type=blog&#038;p=2936811"},"modified":"2026-02-03T08:39:38","modified_gmt":"2026-02-03T16:39:38","slug":"try-advanced-formatting","status":"publish","type":"blog","link":"https:\/\/www.esri.com\/arcgis-blog\/products\/experience-builder\/arcade\/try-advanced-formatting","title":{"rendered":"Try advanced formatting with Arcade in ArcGIS Experience Builder"},"author":289852,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"open","ping_status":"closed","template":"","format":"standard","meta":{"_acf_changed":false,"_searchwp_excluded":""},"categories":[777102],"tags":[761142,264882,24351],"industry":[],"product":[400032],"class_list":["post-2936811","blog","type-blog","status-publish","format-standard","hentry","category-arcade","tag-advanced-formatting","tag-expressions","tag-scripting","product-experience-builder"],"acf":{"short_description":"Advanced formatting is new in Experience Builder in ArcGIS Online, ArcGIS Enterprise 12.0, and developer edition version 1.18.","flexible_content":[{"acf_fc_layout":"content","content":"<p>Advanced formatting with <a href=\"https:\/\/developers.arcgis.com\/arcade\/\">Arcade<\/a> is now available in ArcGIS Experience Builder in ArcGIS Online, ArcGIS Enterprise 12.0, and versions 1.18 and later of the developer edition.<\/p>\n<p>In this article, we\u2019ll show you how to do a few things with advanced formatting:<\/p>\n<ul>\n<li><a href=\"#AdvancedDC\">Add advanced dynamic content to Text widgets with Arcade<\/a><\/li>\n<li><a href=\"#Conditional\">Dynamically style a List widget with conditional styling<\/a><\/li>\n<li><a href=\"#Source\">Set the source for an Image widget and for Button widget text with Arcade<\/a><\/li>\n<li><a href=\"#ButtonIcon\">Dynamically style Button widget icons with Arcade<\/a><\/li>\n<\/ul>\n<p><a href=\"https:\/\/experience.arcgis.com\/experience\/c52cd808013447419e3c25b1a6f443fa\"><strong>View final result<\/strong><\/a><\/p>\n<p><em>If you want to learn more about Experience Builder, we recommend this tutorial series: <a href=\"https:\/\/learn.arcgis.com\/en\/paths\/design-a-layout-in-arcgis-experience-builder\/\">Design a layout in ArcGIS Experience Builder<\/a>.<\/em><\/p>\n"},{"acf_fc_layout":"image","image":{"ID":1970902,"id":1970902,"title":"exb-divider","filename":"exb-divider.png","filesize":9001,"url":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2023\/06\/exb-divider.png","link":"https:\/\/www.esri.com\/arcgis-blog\/products\/experience-builder\/announcements\/exb-uc-23\/exb-divider","alt":"A blue divider line with the Experience Builder logo.","author":"289852","description":"","caption":"","name":"exb-divider","status":"inherit","uploaded_to":1903592,"date":"2023-06-13 19:48:49","modified":"2026-02-03 16:07:06","menu_order":0,"mime_type":"image\/png","type":"image","subtype":"png","icon":"https:\/\/www.esri.com\/arcgis-blog\/wp-includes\/images\/media\/default.png","width":1304,"height":133,"sizes":{"thumbnail":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2023\/06\/exb-divider-213x133.png","thumbnail-width":213,"thumbnail-height":133,"medium":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2023\/06\/exb-divider.png","medium-width":464,"medium-height":47,"medium_large":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2023\/06\/exb-divider.png","medium_large-width":768,"medium_large-height":78,"large":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2023\/06\/exb-divider.png","large-width":1304,"large-height":133,"1536x1536":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2023\/06\/exb-divider.png","1536x1536-width":1304,"1536x1536-height":133,"2048x2048":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2023\/06\/exb-divider.png","2048x2048-width":1304,"2048x2048-height":133,"card_image":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2023\/06\/exb-divider-826x84.png","card_image-width":826,"card_image-height":84,"wide_image":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2023\/06\/exb-divider.png","wide_image-width":1304,"wide_image-height":133}},"image_position":"center","orientation":"horizontal","hyperlink":""},{"acf_fc_layout":"content","content":"<h2>What is advanced formatting?<\/h2>\n<p>In Experience Builder, advanced formatting involves linking text and other app elements to data, logic, conditions, and functions.<\/p>\n<p>There are two types of advanced formatting in Experience Builder:<\/p>\n<ul>\n<li><strong>Advanced dynamic content<\/strong> involves running calculations with data and returning dynamic values to display as widget content. You can create advanced dynamic content with Arcade expressions.<\/li>\n<\/ul>\n"},{"acf_fc_layout":"image","image":{"ID":2955151,"id":2955151,"title":"advanced-dynamic-content","filename":"advanced-dynamic-content.png","filesize":1177632,"url":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2026\/01\/advanced-dynamic-content.png","link":"https:\/\/www.esri.com\/arcgis-blog\/products\/experience-builder\/arcade\/try-advanced-formatting\/advanced-dynamic-content","alt":"Screenshot of a Map widget showing the Bridgeport-Stamford-Norwalk, Connecticut area and three Text widgets with advanced dynamic content.","author":"289852","description":"","caption":"You can use advanced dynamic content to run calculations and display the results as Text widget content.","name":"advanced-dynamic-content","status":"inherit","uploaded_to":2936811,"date":"2026-01-30 04:15:11","modified":"2026-02-03 16:00:40","menu_order":0,"mime_type":"image\/png","type":"image","subtype":"png","icon":"https:\/\/www.esri.com\/arcgis-blog\/wp-includes\/images\/media\/default.png","width":1448,"height":817,"sizes":{"thumbnail":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2026\/01\/advanced-dynamic-content-213x200.png","thumbnail-width":213,"thumbnail-height":200,"medium":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2026\/01\/advanced-dynamic-content.png","medium-width":464,"medium-height":261,"medium_large":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2026\/01\/advanced-dynamic-content.png","medium_large-width":768,"medium_large-height":433,"large":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2026\/01\/advanced-dynamic-content.png","large-width":1448,"large-height":817,"1536x1536":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2026\/01\/advanced-dynamic-content.png","1536x1536-width":1448,"1536x1536-height":817,"2048x2048":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2026\/01\/advanced-dynamic-content.png","2048x2048-width":1448,"2048x2048-height":817,"card_image":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2026\/01\/advanced-dynamic-content-824x465.png","card_image-width":824,"card_image-height":465,"wide_image":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2026\/01\/advanced-dynamic-content.png","wide_image-width":1448,"wide_image-height":817}},"image_position":"center","orientation":"horizontal","hyperlink":""},{"acf_fc_layout":"content","content":"<ul>\n<li><strong>Dynamic styling<\/strong> involves updating widget backgrounds, borders, and other visual elements based on data. You can create dynamic styling with Arcade expressions and with conditional styling, a no-code feature.<\/li>\n<\/ul>\n"},{"acf_fc_layout":"image","image":{"ID":2955152,"id":2955152,"title":"conditional-styling","filename":"conditional-styling.png","filesize":64856,"url":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2026\/01\/conditional-styling.png","link":"https:\/\/www.esri.com\/arcgis-blog\/products\/experience-builder\/arcade\/try-advanced-formatting\/conditional-styling","alt":"Screenshot of a List widget with dynamic background color styling.","author":"289852","description":"","caption":"You can use conditional styling to update List widget background colors based on data attributes.","name":"conditional-styling","status":"inherit","uploaded_to":2936811,"date":"2026-01-30 04:19:18","modified":"2026-02-03 16:01:11","menu_order":0,"mime_type":"image\/png","type":"image","subtype":"png","icon":"https:\/\/www.esri.com\/arcgis-blog\/wp-includes\/images\/media\/default.png","width":264,"height":522,"sizes":{"thumbnail":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2026\/01\/conditional-styling-213x200.png","thumbnail-width":213,"thumbnail-height":200,"medium":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2026\/01\/conditional-styling.png","medium-width":132,"medium-height":261,"medium_large":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2026\/01\/conditional-styling.png","medium_large-width":264,"medium_large-height":522,"large":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2026\/01\/conditional-styling.png","large-width":264,"large-height":522,"1536x1536":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2026\/01\/conditional-styling.png","1536x1536-width":264,"1536x1536-height":522,"2048x2048":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2026\/01\/conditional-styling.png","2048x2048-width":264,"2048x2048-height":522,"card_image":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2026\/01\/conditional-styling-235x465.png","card_image-width":235,"card_image-height":465,"wide_image":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2026\/01\/conditional-styling.png","wide_image-width":264,"wide_image-height":522}},"image_position":"center","orientation":"horizontal","hyperlink":""},{"acf_fc_layout":"content","content":"<p>If you follow along with this article, you&#8217;ll use the following materials:<\/p>\n<ul>\n<li><a href=\"https:\/\/arcg.is\/18jjPL1\">Try advanced formatting<\/a> (Template)<\/li>\n<li><a href=\"https:\/\/arcg.is\/1CeviD\">USA Core Based Statistical Boundaries<\/a> (Feature Layer)<\/li>\n<\/ul>\n<p>The statistical areas layer is managed by <a href=\"https:\/\/www.esri.com\/en-us\/arcgis\/products\/arcgis-data\/explore\/demographics-data\">Esri Demographics<\/a> and is available on <a href=\"https:\/\/livingatlas.arcgis.com\/en\/home\/\">ArcGIS Living Atlas of the World<\/a>.<\/p>\n"},{"acf_fc_layout":"image","image":{"ID":1970902,"id":1970902,"title":"exb-divider","filename":"exb-divider.png","filesize":9001,"url":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2023\/06\/exb-divider.png","link":"https:\/\/www.esri.com\/arcgis-blog\/products\/experience-builder\/announcements\/exb-uc-23\/exb-divider","alt":"A blue divider line with the Experience Builder logo.","author":"289852","description":"","caption":"","name":"exb-divider","status":"inherit","uploaded_to":1903592,"date":"2023-06-13 19:48:49","modified":"2026-02-03 16:07:06","menu_order":0,"mime_type":"image\/png","type":"image","subtype":"png","icon":"https:\/\/www.esri.com\/arcgis-blog\/wp-includes\/images\/media\/default.png","width":1304,"height":133,"sizes":{"thumbnail":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2023\/06\/exb-divider-213x133.png","thumbnail-width":213,"thumbnail-height":133,"medium":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2023\/06\/exb-divider.png","medium-width":464,"medium-height":47,"medium_large":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2023\/06\/exb-divider.png","medium_large-width":768,"medium_large-height":78,"large":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2023\/06\/exb-divider.png","large-width":1304,"large-height":133,"1536x1536":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2023\/06\/exb-divider.png","1536x1536-width":1304,"1536x1536-height":133,"2048x2048":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2023\/06\/exb-divider.png","2048x2048-width":1304,"2048x2048-height":133,"card_image":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2023\/06\/exb-divider-826x84.png","card_image-width":826,"card_image-height":84,"wide_image":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2023\/06\/exb-divider.png","wide_image-width":1304,"wide_image-height":133}},"image_position":"center","orientation":"horizontal","hyperlink":""},{"acf_fc_layout":"content","content":"<h2>Create an app from the template<\/h2>\n<p>1. Open Experience Builder.<\/p>\n<p>Go to <a href=\"https:\/\/experience.arcgis.com\/\">experience.arcgis.com<\/a>. Sign in to an ArcGIS account or <a href=\"https:\/\/www.esri.com\/en-us\/arcgis\/products\/create-account\">create a free trial account<\/a>.<\/p>\n<p>2. Click <strong>Create new<\/strong>.<\/p>\n"},{"acf_fc_layout":"image","image":{"ID":1378472,"id":1378472,"title":"create-new-experience","filename":"create-new-experience-1.png","filesize":1457,"url":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2021\/10\/create-new-experience-1.png","link":"https:\/\/www.esri.com\/arcgis-blog\/?attachment_id=1378472","alt":"Screenshot of the Create new button.","author":"289852","description":"","caption":"","name":"create-new-experience-2","status":"inherit","uploaded_to":1377842,"date":"2021-10-20 18:01:17","modified":"2026-02-03 16:01:39","menu_order":0,"mime_type":"image\/png","type":"image","subtype":"png","icon":"https:\/\/www.esri.com\/arcgis-blog\/wp-includes\/images\/media\/default.png","width":162,"height":62,"sizes":{"thumbnail":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2021\/10\/create-new-experience-1.png","thumbnail-width":162,"thumbnail-height":62,"medium":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2021\/10\/create-new-experience-1.png","medium-width":162,"medium-height":62,"medium_large":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2021\/10\/create-new-experience-1.png","medium_large-width":162,"medium_large-height":62,"large":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2021\/10\/create-new-experience-1.png","large-width":162,"large-height":62,"1536x1536":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2021\/10\/create-new-experience-1.png","1536x1536-width":162,"1536x1536-height":62,"2048x2048":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2021\/10\/create-new-experience-1.png","2048x2048-width":162,"2048x2048-height":62,"card_image":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2021\/10\/create-new-experience-1.png","card_image-width":162,"card_image-height":62,"wide_image":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2021\/10\/create-new-experience-1.png","wide_image-width":162,"wide_image-height":62}},"image_position":"left-center","orientation":"horizontal","hyperlink":""},{"acf_fc_layout":"content","content":"<p>3. Find the template in the template gallery.<\/p>\n<p>Browse to the <strong>ArcGIS Online<\/strong> tab. Search for <em>Try advanced formatting.<\/em><\/p>\n<p>4. Click <strong>Create<\/strong>.<\/p>\n"},{"acf_fc_layout":"image","image":{"ID":2955182,"id":2955182,"title":"advanced-formatting-template","filename":"advanced-formatting-template.png","filesize":919639,"url":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2026\/01\/advanced-formatting-template.png","link":"https:\/\/www.esri.com\/arcgis-blog\/products\/experience-builder\/arcade\/try-advanced-formatting\/advanced-formatting-template","alt":"Screenshot of a new app created from a template.","author":"289852","description":"","caption":"The map shows Core Base Statistical Areas (CBSAs) representing major population centers in the United States.","name":"advanced-formatting-template","status":"inherit","uploaded_to":2936811,"date":"2026-01-30 17:20:20","modified":"2026-02-03 16:03:08","menu_order":0,"mime_type":"image\/png","type":"image","subtype":"png","icon":"https:\/\/www.esri.com\/arcgis-blog\/wp-includes\/images\/media\/default.png","width":1922,"height":995,"sizes":{"thumbnail":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2026\/01\/advanced-formatting-template-213x200.png","thumbnail-width":213,"thumbnail-height":200,"medium":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2026\/01\/advanced-formatting-template.png","medium-width":464,"medium-height":240,"medium_large":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2026\/01\/advanced-formatting-template.png","medium_large-width":768,"medium_large-height":398,"large":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2026\/01\/advanced-formatting-template.png","large-width":1920,"large-height":994,"1536x1536":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2026\/01\/advanced-formatting-template-1536x795.png","1536x1536-width":1536,"1536x1536-height":795,"2048x2048":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2026\/01\/advanced-formatting-template.png","2048x2048-width":1922,"2048x2048-height":995,"card_image":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2026\/01\/advanced-formatting-template-826x428.png","card_image-width":826,"card_image-height":428,"wide_image":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2026\/01\/advanced-formatting-template-1920x994.png","wide_image-width":1920,"wide_image-height":994}},"image_position":"left-center","orientation":"horizontal","hyperlink":""},{"acf_fc_layout":"content","content":"<p>This is a one page template with a Map widget, a List widget, and a few Text widgets.<\/p>\n"},{"acf_fc_layout":"image","image":{"ID":1970902,"id":1970902,"title":"exb-divider","filename":"exb-divider.png","filesize":9001,"url":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2023\/06\/exb-divider.png","link":"https:\/\/www.esri.com\/arcgis-blog\/products\/experience-builder\/announcements\/exb-uc-23\/exb-divider","alt":"A blue divider line with the Experience Builder logo.","author":"289852","description":"","caption":"","name":"exb-divider","status":"inherit","uploaded_to":1903592,"date":"2023-06-13 19:48:49","modified":"2026-02-03 16:07:06","menu_order":0,"mime_type":"image\/png","type":"image","subtype":"png","icon":"https:\/\/www.esri.com\/arcgis-blog\/wp-includes\/images\/media\/default.png","width":1304,"height":133,"sizes":{"thumbnail":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2023\/06\/exb-divider-213x133.png","thumbnail-width":213,"thumbnail-height":133,"medium":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2023\/06\/exb-divider.png","medium-width":464,"medium-height":47,"medium_large":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2023\/06\/exb-divider.png","medium_large-width":768,"medium_large-height":78,"large":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2023\/06\/exb-divider.png","large-width":1304,"large-height":133,"1536x1536":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2023\/06\/exb-divider.png","1536x1536-width":1304,"1536x1536-height":133,"2048x2048":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2023\/06\/exb-divider.png","2048x2048-width":1304,"2048x2048-height":133,"card_image":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2023\/06\/exb-divider-826x84.png","card_image-width":826,"card_image-height":84,"wide_image":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2023\/06\/exb-divider.png","wide_image-width":1304,"wide_image-height":133}},"image_position":"center","orientation":"horizontal","hyperlink":""},{"acf_fc_layout":"content","content":"<h2 id=\"AdvancedDC\">Add advanced dynamic content to Text widgets with Arcade<\/h2>\n<p>You can use Arcade to perform mathematical calculations and evaluate logical statements.<\/p>\n<p>Say you want the names of any statistical areas that the user selects to appear in a Text widget. If the user selects multiple areas, you want multiple names to display. You also want to calculate population trends for any selected areas and display the results. You can do all of that with Arcade.<\/p>\n<p>1. Click the Text widget named <strong>Text Title<\/strong> on the canvas or in the page outline.<\/p>\n<p>2. Click <strong>Arcade<\/strong> in the widget toolbar.<\/p>\n"},{"acf_fc_layout":"image","image":{"ID":2955158,"id":2955158,"title":"arcade-toolbar","filename":"arcade-toolbar.png","filesize":16550,"url":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2026\/01\/arcade-toolbar.png","link":"https:\/\/www.esri.com\/arcgis-blog\/products\/experience-builder\/arcade\/try-advanced-formatting\/arcade-toolbar","alt":"Screenshot of the Text widget toolbar with the Arcade button highlighted.","author":"289852","description":"","caption":"","name":"arcade-toolbar","status":"inherit","uploaded_to":2936811,"date":"2026-01-30 04:31:34","modified":"2026-02-03 16:03:43","menu_order":0,"mime_type":"image\/png","type":"image","subtype":"png","icon":"https:\/\/www.esri.com\/arcgis-blog\/wp-includes\/images\/media\/default.png","width":444,"height":156,"sizes":{"thumbnail":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2026\/01\/arcade-toolbar-213x156.png","thumbnail-width":213,"thumbnail-height":156,"medium":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2026\/01\/arcade-toolbar.png","medium-width":444,"medium-height":156,"medium_large":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2026\/01\/arcade-toolbar.png","medium_large-width":444,"medium_large-height":156,"large":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2026\/01\/arcade-toolbar.png","large-width":444,"large-height":156,"1536x1536":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2026\/01\/arcade-toolbar.png","1536x1536-width":444,"1536x1536-height":156,"2048x2048":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2026\/01\/arcade-toolbar.png","2048x2048-width":444,"2048x2048-height":156,"card_image":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2026\/01\/arcade-toolbar.png","card_image-width":444,"card_image-height":156,"wide_image":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2026\/01\/arcade-toolbar.png","wide_image-width":444,"wide_image-height":156}},"image_position":"left-center","orientation":"horizontal","hyperlink":""},{"acf_fc_layout":"content","content":"<p>The <strong>Arcade script<\/strong> window appears.<\/p>\n<p>3. Copy the following script, then paste it into the <strong>Arcade script<\/strong> window. Replace any existing script.<\/p>\n<pre><code>\r\nvar selectedFeatures1 = $dataSources[\"dataSource_2-197c022ade6-layer-2\"].selectedFeatures;\r\n\r\nif (Count(selectedFeatures1) == 0) {\r\n  return \"\ud83c\udf0e All Regions\"\r\n}\r\n\r\nvar names = [];\r\nvar i = 0;\r\n\r\nfor (var f in selectedFeatures1) {\r\n  if (i &lt; 3) { Push(names, f.NAME); } i++; } var label = \"\ud83d\udccd Selected Regions: \" + Concatenate(names, \", \"); if (i&gt;3) {\r\n  label += \" + \" + (i - 3) + \" more\";\r\n}\r\n\r\nreturn label;\r\n  <\/code><\/pre>\n"},{"acf_fc_layout":"content","content":"<p>4. Click <strong>Insert<\/strong>.<\/p>\n<p>With this script, you are telling Experience Builder to display the text <strong>All Regions<\/strong> when no features are selected and to display <strong>Selected Regions<\/strong> (with up to three region names) when some features are selected.<\/p>\n<p>You can turn on <strong>Live view<\/strong> to test your script. Try using the Map widget select tools to select multiple statistical areas.<\/p>\n<p>5. Click the Text widget with the text <strong>Population Growth<\/strong>.<\/p>\n<p>6. Click <strong>Arcade<\/strong> on the widget toolbar.<\/p>\n<p>7. Paste the following script into the Arcade editor.<\/p>\n<pre><code>\r\n  function getFilteredFeatureSet(ds) {\r\n  var result = ds.layer;\r\n  var queryParams = ds.queryParams;\r\n\r\n  if (!IsEmpty(queryParams.where)) {\r\n    result = Filter(result, queryParams.where);\r\n  }\r\n  if (!IsEmpty(queryParams.geometry)) {\r\n    result = Intersects(result, queryParams.geometry);\r\n  }\r\n  return result;\r\n}\r\n\r\n\/\/ USA Core Based Statistical Boundaries\r\nvar filteredFeatureSet1 = getFilteredFeatureSet($dataSources[\"dataSource_2-197c022ade6-layer-2\"]);\r\nvar selectedFeatures1 = $dataSources[\"dataSource_2-197c022ade6-layer-2\"].selectedFeatures;\r\n\r\nvar str = \"\";\r\nvar color = \"\";\r\nvar bold = true;\r\n\r\n\/\/ Check whether features are selected\r\nvar useSelection = Count(selectedFeatures1) &gt; 0;\r\nvar targetSet = IIf(useSelection, selectedFeatures1, filteredFeatureSet1);\r\n\r\n\/\/ Calculate population sums\r\nvar pop2018 = Sum(targetSet, 'POPULATION');\r\nvar pop2010 = Sum(targetSet, 'POP2010');\r\n\r\n\/\/ Determine trend string and style\r\nif (pop2018 &gt;= pop2010) {\r\n  str = \"Growing Population\";\r\n  color = \"rgb(0, 128, 0)\";\r\n} else {\r\n  str = \"Shrinking Population\";\r\n  color = \"rgb(220, 20, 60)\";\r\n}\r\n\r\nif (IsEmpty(pop2018) || IsEmpty(pop2010)) {\r\n  str = \"No data\";\r\n  color = \"rgb(169, 169, 169)\";\r\n  bold = false;\r\n}\r\n\r\nreturn {\r\n  value: str,\r\n  text: {\r\n    color: color,\r\n    bold: bold,\r\n  },\r\n};\r\n  <\/code><\/pre>\n"},{"acf_fc_layout":"content","content":"<p>8. Click <strong>Insert<\/strong>.<\/p>\n<p>With this script, you are telling Experience Builder to calculate population growth by comparing a statistical area&#8217;s 2018 population to its 2010 population, then assign a label (either Growing or Shrinking) and text color based on the value.<\/p>\n<p>9. Click the Text widget with the text <strong>Population Density<\/strong>.<\/p>\n<p>10. Paste the following script into the Arcade editor.<\/p>\n<pre><code>\r\n  function getFilteredFeatureSet(ds) {\r\n  var result = ds.layer;\r\n  var queryParams = ds.queryParams;\r\n \r\n  if (!IsEmpty(queryParams.where)) {\r\n    result = Filter(result, queryParams.where);\r\n  }\r\n  if (!IsEmpty(queryParams.geometry)) {\r\n    result = Intersects(result, queryParams.geometry);\r\n  }\r\n  return result;\r\n}\r\n \r\n\/\/ USA Core Based Statistical Boundaries\r\nvar ds = $dataSources[\"dataSource_2-197c022ade6-layer-2\"];\r\nvar filteredFeatures = getFilteredFeatureSet(ds);\r\nvar selectedFeatures = ds.selectedFeatures;\r\n \r\nvar str = \"\";\r\nvar color = \"\";\r\nvar den = null;\r\nvar bold = true;\r\n \r\n\/\/ Use selected features if any, otherwise use the filtered full set\r\nvar useSelection = Count(selectedFeatures) &gt; 0;\r\nvar targetSet = IIf(useSelection, selectedFeatures, filteredFeatures);\r\n \r\nvar totalPop = Sum(targetSet, 'POPULATION');\r\nvar landArea = Sum(targetSet, 'SQMI');\r\nConsole(landArea)\r\n \r\n\/\/ Calculate population density ratio\r\nden = IIf(IsEmpty(landArea), null, totalPop \/ landArea);\r\n \r\n\/\/ Assign label and style\r\nif (IsEmpty(den)) {\r\n  str = \"No data\";\r\n  color = \"rgb(169, 169, 169)\";\r\n  bold = false;\r\n} else if (den &gt; 500) {\r\n  str = \"\ud83c\udfec High Density\";\r\n  color = \"rgb(138, 43, 226)\";\r\n} else if (den &gt;= 100) {\r\n  str = \"\ud83c\udfe0 Moderate Density\";\r\n  color = \"rgb(255, 165, 0)\";\r\n} else {\r\n  str = \"\ud83d\ude9c Low Density\";\r\n  color = \"rgb(105, 105, 105)\";\r\n}\r\n \r\nreturn {\r\n  value: str,\r\n  text: {\r\n    color: color,\r\n    bold: bold,\r\n  },\r\n};\r\n  <\/code><\/pre>\n"},{"acf_fc_layout":"content","content":"<p>11. Click <strong>Insert<\/strong>.<\/p>\n<p>With this script, you are telling Experience Builder to calculate population density by dividing total population by land area, then assign a label (High Density, Moderate Density, or Low Density) and text color based on the value.<\/p>\n"},{"acf_fc_layout":"image","image":{"ID":1970902,"id":1970902,"title":"exb-divider","filename":"exb-divider.png","filesize":9001,"url":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2023\/06\/exb-divider.png","link":"https:\/\/www.esri.com\/arcgis-blog\/products\/experience-builder\/announcements\/exb-uc-23\/exb-divider","alt":"A blue divider line with the Experience Builder logo.","author":"289852","description":"","caption":"","name":"exb-divider","status":"inherit","uploaded_to":1903592,"date":"2023-06-13 19:48:49","modified":"2026-02-03 16:07:06","menu_order":0,"mime_type":"image\/png","type":"image","subtype":"png","icon":"https:\/\/www.esri.com\/arcgis-blog\/wp-includes\/images\/media\/default.png","width":1304,"height":133,"sizes":{"thumbnail":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2023\/06\/exb-divider-213x133.png","thumbnail-width":213,"thumbnail-height":133,"medium":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2023\/06\/exb-divider.png","medium-width":464,"medium-height":47,"medium_large":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2023\/06\/exb-divider.png","medium_large-width":768,"medium_large-height":78,"large":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2023\/06\/exb-divider.png","large-width":1304,"large-height":133,"1536x1536":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2023\/06\/exb-divider.png","1536x1536-width":1304,"1536x1536-height":133,"2048x2048":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2023\/06\/exb-divider.png","2048x2048-width":1304,"2048x2048-height":133,"card_image":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2023\/06\/exb-divider-826x84.png","card_image-width":826,"card_image-height":84,"wide_image":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2023\/06\/exb-divider.png","wide_image-width":1304,"wide_image-height":133}},"image_position":"center","orientation":"horizontal","hyperlink":""},{"acf_fc_layout":"content","content":"<h2 id=\"Conditional\">Dynamically style a List widget with conditional styling<\/h2>\n<p>Say you want list items in a List widget have different styles depending on feature attributes. Specifically, you want to show whether statistical areas are classified as metropolitan (more than 50,000 residents) or micropolitan (less than 50,000 but more than 10,000 residents).<\/p>\n<p>You can do this with the conditional style editor, a no-code feature.<\/p>\n<p>1. Click the List widget on the canvas or in the page outline.<\/p>\n<p>2. In the widget&#8217;s <strong>Content<\/strong> settings, expand <strong>States<\/strong>.<\/p>\n<p>3. Turn on <strong>Dynamic style<\/strong> then click settings (gear icon).<\/p>\n<p>4. In the <strong>Dynamic style<\/strong> panel, choose the <strong>CBSA_TYPE<\/strong> field for the indicator.<\/p>\n<p>5. Under <strong>Style conditions<\/strong>, configure the following conditions:<\/p>\n<p style=\"padding-left: 80px\">If value is (Unique) Metropolitan Background Fill = HEX#ccbaf0<\/p>\n<p style=\"padding-left: 80px\">If value is (Unique) Micropolitan Background Fill = HEX#c0dfed<\/p>\n"},{"acf_fc_layout":"image","image":{"ID":2955162,"id":2955162,"title":"conditional-styling-list","filename":"conditional-styling-list-1.png","filesize":32066,"url":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2026\/01\/conditional-styling-list-1.png","link":"https:\/\/www.esri.com\/arcgis-blog\/products\/experience-builder\/arcade\/try-advanced-formatting\/conditional-styling-list-2","alt":"Screenshot of List widget dynamic style settings with two conditions configured.","author":"289852","description":"","caption":"","name":"conditional-styling-list-2","status":"inherit","uploaded_to":2936811,"date":"2026-01-30 04:36:07","modified":"2026-02-03 16:11:47","menu_order":0,"mime_type":"image\/png","type":"image","subtype":"png","icon":"https:\/\/www.esri.com\/arcgis-blog\/wp-includes\/images\/media\/default.png","width":253,"height":802,"sizes":{"thumbnail":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2026\/01\/conditional-styling-list-1-213x200.png","thumbnail-width":213,"thumbnail-height":200,"medium":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2026\/01\/conditional-styling-list-1.png","medium-width":82,"medium-height":261,"medium_large":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2026\/01\/conditional-styling-list-1.png","medium_large-width":253,"medium_large-height":802,"large":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2026\/01\/conditional-styling-list-1.png","large-width":253,"large-height":802,"1536x1536":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2026\/01\/conditional-styling-list-1.png","1536x1536-width":253,"1536x1536-height":802,"2048x2048":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2026\/01\/conditional-styling-list-1.png","2048x2048-width":253,"2048x2048-height":802,"card_image":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2026\/01\/conditional-styling-list-1-147x465.png","card_image-width":147,"card_image-height":465,"wide_image":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2026\/01\/conditional-styling-list-1.png","wide_image-width":253,"wide_image-height":802}},"image_position":"left-center","orientation":"horizontal","hyperlink":""},{"acf_fc_layout":"content","content":"<p>List widget items now display with a specific background color that shows whether they are classified as metropolitan or micropolitan.<\/p>\n"},{"acf_fc_layout":"image","image":{"ID":1970902,"id":1970902,"title":"exb-divider","filename":"exb-divider.png","filesize":9001,"url":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2023\/06\/exb-divider.png","link":"https:\/\/www.esri.com\/arcgis-blog\/products\/experience-builder\/announcements\/exb-uc-23\/exb-divider","alt":"A blue divider line with the Experience Builder logo.","author":"289852","description":"","caption":"","name":"exb-divider","status":"inherit","uploaded_to":1903592,"date":"2023-06-13 19:48:49","modified":"2026-02-03 16:07:06","menu_order":0,"mime_type":"image\/png","type":"image","subtype":"png","icon":"https:\/\/www.esri.com\/arcgis-blog\/wp-includes\/images\/media\/default.png","width":1304,"height":133,"sizes":{"thumbnail":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2023\/06\/exb-divider-213x133.png","thumbnail-width":213,"thumbnail-height":133,"medium":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2023\/06\/exb-divider.png","medium-width":464,"medium-height":47,"medium_large":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2023\/06\/exb-divider.png","medium_large-width":768,"medium_large-height":78,"large":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2023\/06\/exb-divider.png","large-width":1304,"large-height":133,"1536x1536":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2023\/06\/exb-divider.png","1536x1536-width":1304,"1536x1536-height":133,"2048x2048":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2023\/06\/exb-divider.png","2048x2048-width":1304,"2048x2048-height":133,"card_image":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2023\/06\/exb-divider-826x84.png","card_image-width":826,"card_image-height":84,"wide_image":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2023\/06\/exb-divider.png","wide_image-width":1304,"wide_image-height":133}},"image_position":"center","orientation":"horizontal","hyperlink":""},{"acf_fc_layout":"content","content":"<h2 id=\"Source\">Set the source for an Image widget and for Button widget text with Arcade<\/h2>\n<p>You can set the source for an Image widget with Arcade.<\/p>\n<p>1. Click the List widget, then click the Image widget in the first list item.<\/p>\n<p>2. In the Image widget settings under <strong>Connect to data<\/strong>, click the <strong>Dynamic<\/strong> tab.<\/p>\n<p>3. Click the drop-down menu under <strong>URL<\/strong>, then click <strong>Arcade<\/strong>.<\/p>\n"},{"acf_fc_layout":"image","image":{"ID":2955163,"id":2955163,"title":"image-widget-arcade","filename":"image-widget-arcade.png","filesize":23055,"url":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2026\/01\/image-widget-arcade.png","link":"https:\/\/www.esri.com\/arcgis-blog\/products\/experience-builder\/arcade\/try-advanced-formatting\/image-widget-arcade","alt":"Screenshot showing the Arcade source setting in Image widget settings.","author":"289852","description":"","caption":"","name":"image-widget-arcade","status":"inherit","uploaded_to":2936811,"date":"2026-01-30 04:36:44","modified":"2026-02-03 16:12:49","menu_order":0,"mime_type":"image\/png","type":"image","subtype":"png","icon":"https:\/\/www.esri.com\/arcgis-blog\/wp-includes\/images\/media\/default.png","width":251,"height":468,"sizes":{"thumbnail":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2026\/01\/image-widget-arcade-213x200.png","thumbnail-width":213,"thumbnail-height":200,"medium":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2026\/01\/image-widget-arcade.png","medium-width":140,"medium-height":261,"medium_large":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2026\/01\/image-widget-arcade.png","medium_large-width":251,"medium_large-height":468,"large":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2026\/01\/image-widget-arcade.png","large-width":251,"large-height":468,"1536x1536":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2026\/01\/image-widget-arcade.png","1536x1536-width":251,"1536x1536-height":468,"2048x2048":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2026\/01\/image-widget-arcade.png","2048x2048-width":251,"2048x2048-height":468,"card_image":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2026\/01\/image-widget-arcade-249x465.png","card_image-width":249,"card_image-height":465,"wide_image":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2026\/01\/image-widget-arcade.png","wide_image-width":251,"wide_image-height":468}},"image_position":"left-center","orientation":"horizontal","hyperlink":""},{"acf_fc_layout":"content","content":"<p>4. Click <strong>Arcade Editor<\/strong>.<\/p>\n<p>5. Paste the following script into the Arcade editor.<\/p>\n<pre><code>\r\nvar type = $feature.CBSA_TYPE;\r\n\r\nif (type == \"Metropolitan\") {\r\n  return \"https:\/\/arcgis.com\/sharing\/rest\/content\/items\/d5ca28bf46fa44ea8e0aa0b9a8e513fb\/data\";\r\n}\r\nreturn \"https:\/\/arcgis.com\/sharing\/rest\/content\/items\/b385127f92de4460afba630cbe106b39\/data\"\r\n  <\/code><\/pre>\n"},{"acf_fc_layout":"content","content":"<p>6. Click <strong>Apply<\/strong>.<\/p>\n<p>With this script, you are linking the Image widget to two images URLs. One image shows a city skyline and the other shows a rural area. If a statistical area has the &#8220;metropolitan&#8221; value in the CSBA_TYPE field, this script instructs Experience Builder to display the city image. Otherwise, display the rural image.<\/p>\n<p>7. If necessary, click the List widget, then click the Button widget in the first list item.<\/p>\n<p>8. In the Button widget settings under <strong>Text<\/strong>, click the drop-down menu and click <strong>Arcade<\/strong>.<\/p>\n"},{"acf_fc_layout":"image","image":{"ID":2955165,"id":2955165,"title":"button-arcade","filename":"button-arcade.png","filesize":15960,"url":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2026\/01\/button-arcade.png","link":"https:\/\/www.esri.com\/arcgis-blog\/products\/experience-builder\/arcade\/try-advanced-formatting\/button-arcade","alt":"Screenshot showing the Arcade text setting in Button widget settings.","author":"289852","description":"","caption":"","name":"button-arcade","status":"inherit","uploaded_to":2936811,"date":"2026-01-30 04:38:50","modified":"2026-02-03 16:08:04","menu_order":0,"mime_type":"image\/png","type":"image","subtype":"png","icon":"https:\/\/www.esri.com\/arcgis-blog\/wp-includes\/images\/media\/default.png","width":246,"height":357,"sizes":{"thumbnail":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2026\/01\/button-arcade-213x200.png","thumbnail-width":213,"thumbnail-height":200,"medium":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2026\/01\/button-arcade.png","medium-width":180,"medium-height":261,"medium_large":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2026\/01\/button-arcade.png","medium_large-width":246,"medium_large-height":357,"large":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2026\/01\/button-arcade.png","large-width":246,"large-height":357,"1536x1536":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2026\/01\/button-arcade.png","1536x1536-width":246,"1536x1536-height":357,"2048x2048":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2026\/01\/button-arcade.png","2048x2048-width":246,"2048x2048-height":357,"card_image":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2026\/01\/button-arcade.png","card_image-width":246,"card_image-height":357,"wide_image":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2026\/01\/button-arcade.png","wide_image-width":246,"wide_image-height":357}},"image_position":"left-center","orientation":"horizontal","hyperlink":""},{"acf_fc_layout":"content","content":"<p>9. Click <strong>Arcade Editor<\/strong>.<\/p>\n<p>10. Paste the following script into the Arcade editor.<\/p>\n<pre><code>\r\nvar age = $feature.MED_AGE;\r\nvar str = IIf(age &gt; 55, \"Elder\", IIf(age &lt; 35, 'Young Area', 'Mid-age Area'));\r\n\r\nreturn str;\r\n  <\/code><\/pre>\n"},{"acf_fc_layout":"content","content":"<p>Click <strong>Apply<\/strong>.<\/p>\n<p>Button text now shows general median age in each statistical area.<\/p>\n"},{"acf_fc_layout":"image","image":{"ID":1970902,"id":1970902,"title":"exb-divider","filename":"exb-divider.png","filesize":9001,"url":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2023\/06\/exb-divider.png","link":"https:\/\/www.esri.com\/arcgis-blog\/products\/experience-builder\/announcements\/exb-uc-23\/exb-divider","alt":"A blue divider line with the Experience Builder logo.","author":"289852","description":"","caption":"","name":"exb-divider","status":"inherit","uploaded_to":1903592,"date":"2023-06-13 19:48:49","modified":"2026-02-03 16:07:06","menu_order":0,"mime_type":"image\/png","type":"image","subtype":"png","icon":"https:\/\/www.esri.com\/arcgis-blog\/wp-includes\/images\/media\/default.png","width":1304,"height":133,"sizes":{"thumbnail":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2023\/06\/exb-divider-213x133.png","thumbnail-width":213,"thumbnail-height":133,"medium":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2023\/06\/exb-divider.png","medium-width":464,"medium-height":47,"medium_large":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2023\/06\/exb-divider.png","medium_large-width":768,"medium_large-height":78,"large":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2023\/06\/exb-divider.png","large-width":1304,"large-height":133,"1536x1536":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2023\/06\/exb-divider.png","1536x1536-width":1304,"1536x1536-height":133,"2048x2048":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2023\/06\/exb-divider.png","2048x2048-width":1304,"2048x2048-height":133,"card_image":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2023\/06\/exb-divider-826x84.png","card_image-width":826,"card_image-height":84,"wide_image":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2023\/06\/exb-divider.png","wide_image-width":1304,"wide_image-height":133}},"image_position":"center","orientation":"horizontal","hyperlink":""},{"acf_fc_layout":"content","content":"<h2 id=\"ButtonIcon\">Dynamically style Button widget icons with Arcade<\/h2>\n<p>You can set the source for Button widget icons with Arcade.<\/p>\n<p>1. Click the List widget, then click the Button widget in the first list item.<\/p>\n<p>2. If necessary, in the Button widget settings, turn on <strong>Advanced<\/strong>.<\/p>\n<p>3. Turn on <strong>Dynamic style<\/strong> then click settings (gear icon).<\/p>\n<p>4. Click the <strong>Script<\/strong> tab.<\/p>\n<p>5. Click <strong>Arcade Editor<\/strong>.<\/p>\n<p>6. Click <strong>Icons<\/strong>, then click <strong>Add<\/strong>.<\/p>\n<p>Add three icons and name them <span style=\"text-decoration: underline\">Elder<\/span>, <span style=\"text-decoration: underline\">Middle<\/span>, and <span style=\"text-decoration: underline\">Young<\/span>.<\/p>\n"},{"acf_fc_layout":"image","image":{"ID":2955167,"id":2955167,"title":"button-arcade-icons","filename":"button-arcade-icons.png","filesize":30016,"url":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2026\/01\/button-arcade-icons.png","link":"https:\/\/www.esri.com\/arcgis-blog\/products\/experience-builder\/arcade\/try-advanced-formatting\/button-arcade-icons","alt":"Screenshot showing three icons configured in the Button widget Arcade script window.","author":"289852","description":"","caption":"","name":"button-arcade-icons","status":"inherit","uploaded_to":2936811,"date":"2026-01-30 04:40:56","modified":"2026-02-03 16:13:17","menu_order":0,"mime_type":"image\/png","type":"image","subtype":"png","icon":"https:\/\/www.esri.com\/arcgis-blog\/wp-includes\/images\/media\/default.png","width":616,"height":740,"sizes":{"thumbnail":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2026\/01\/button-arcade-icons-213x200.png","thumbnail-width":213,"thumbnail-height":200,"medium":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2026\/01\/button-arcade-icons.png","medium-width":217,"medium-height":261,"medium_large":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2026\/01\/button-arcade-icons.png","medium_large-width":616,"medium_large-height":740,"large":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2026\/01\/button-arcade-icons.png","large-width":616,"large-height":740,"1536x1536":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2026\/01\/button-arcade-icons.png","1536x1536-width":616,"1536x1536-height":740,"2048x2048":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2026\/01\/button-arcade-icons.png","2048x2048-width":616,"2048x2048-height":740,"card_image":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2026\/01\/button-arcade-icons-387x465.png","card_image-width":387,"card_image-height":465,"wide_image":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2026\/01\/button-arcade-icons.png","wide_image-width":616,"wide_image-height":740}},"image_position":"left-center","orientation":"horizontal","hyperlink":""},{"acf_fc_layout":"content","content":"<p>7. Paste the following script into the Arcade editor.<\/p>\n<pre><code>\r\nvar age = $feature.MED_AGE;\r\nvar icon = IIf(age &gt; 55, 'Elder', IIf(age &lt; 35, 'Young', 'Middle'));\r\n\r\nreturn {\r\n  icon: {\r\n    name: icon,\r\n    size: 28,\r\n  }\r\n};\r\n  <\/code><\/pre>\n<p>8. Click <strong>Apply<\/strong>.<\/p>\n<p>Button icons display based on each area&#8217;s median age.<\/p>\n"},{"acf_fc_layout":"image","image":{"ID":1970902,"id":1970902,"title":"exb-divider","filename":"exb-divider.png","filesize":9001,"url":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2023\/06\/exb-divider.png","link":"https:\/\/www.esri.com\/arcgis-blog\/products\/experience-builder\/announcements\/exb-uc-23\/exb-divider","alt":"A blue divider line with the Experience Builder logo.","author":"289852","description":"","caption":"","name":"exb-divider","status":"inherit","uploaded_to":1903592,"date":"2023-06-13 19:48:49","modified":"2026-02-03 16:07:06","menu_order":0,"mime_type":"image\/png","type":"image","subtype":"png","icon":"https:\/\/www.esri.com\/arcgis-blog\/wp-includes\/images\/media\/default.png","width":1304,"height":133,"sizes":{"thumbnail":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2023\/06\/exb-divider-213x133.png","thumbnail-width":213,"thumbnail-height":133,"medium":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2023\/06\/exb-divider.png","medium-width":464,"medium-height":47,"medium_large":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2023\/06\/exb-divider.png","medium_large-width":768,"medium_large-height":78,"large":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2023\/06\/exb-divider.png","large-width":1304,"large-height":133,"1536x1536":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2023\/06\/exb-divider.png","1536x1536-width":1304,"1536x1536-height":133,"2048x2048":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2023\/06\/exb-divider.png","2048x2048-width":1304,"2048x2048-height":133,"card_image":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2023\/06\/exb-divider-826x84.png","card_image-width":826,"card_image-height":84,"wide_image":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2023\/06\/exb-divider.png","wide_image-width":1304,"wide_image-height":133}},"image_position":"center","orientation":"horizontal","hyperlink":""},{"acf_fc_layout":"content","content":"<p>Try adding advanced formatting to your Experience Builder apps!<\/p>\n<p>You can take the scripts from this article and change the data sources, variables, and field names to work with your data. Or, write your own scripts.<\/p>\n<p><em>If you are interested in learning more about Arcade, we recommend this tutorial series: <a href=\"https:\/\/learn.arcgis.com\/en\/projects\/get-started-with-arcgis-arcade\/\">Get started with ArcGIS Arcade<\/a>.<\/em><\/p>\n"},{"acf_fc_layout":"content","content":"<h2>More information<\/h2>\n<ul>\n<li><a href=\"https:\/\/doc.arcgis.com\/en\/experience-builder\/latest\/configure-widgets\/advanced-formatting.htm\">ArcGIS Experience Builder documentation: Advanced formatting<\/a><\/li>\n<li><a href=\"https:\/\/doc.arcgis.com\/en\/experience-builder\/latest\/get-started\/whats-new.htm\">ArcGIS Experience Builder documentation: What&#8217;s new<\/a><\/li>\n<li><a href=\"https:\/\/learn.arcgis.com\/en\/projects\/get-started-with-arcgis-arcade\/\">Learn ArcGIS: Get started with ArcGIS Arcade<\/a><\/li>\n<\/ul>\n"},{"acf_fc_layout":"image","image":{"ID":1970902,"id":1970902,"title":"exb-divider","filename":"exb-divider.png","filesize":9001,"url":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2023\/06\/exb-divider.png","link":"https:\/\/www.esri.com\/arcgis-blog\/products\/experience-builder\/announcements\/exb-uc-23\/exb-divider","alt":"A blue divider line with the Experience Builder logo.","author":"289852","description":"","caption":"","name":"exb-divider","status":"inherit","uploaded_to":1903592,"date":"2023-06-13 19:48:49","modified":"2026-02-03 16:07:06","menu_order":0,"mime_type":"image\/png","type":"image","subtype":"png","icon":"https:\/\/www.esri.com\/arcgis-blog\/wp-includes\/images\/media\/default.png","width":1304,"height":133,"sizes":{"thumbnail":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2023\/06\/exb-divider-213x133.png","thumbnail-width":213,"thumbnail-height":133,"medium":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2023\/06\/exb-divider.png","medium-width":464,"medium-height":47,"medium_large":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2023\/06\/exb-divider.png","medium_large-width":768,"medium_large-height":78,"large":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2023\/06\/exb-divider.png","large-width":1304,"large-height":133,"1536x1536":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2023\/06\/exb-divider.png","1536x1536-width":1304,"1536x1536-height":133,"2048x2048":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2023\/06\/exb-divider.png","2048x2048-width":1304,"2048x2048-height":133,"card_image":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2023\/06\/exb-divider-826x84.png","card_image-width":826,"card_image-height":84,"wide_image":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2023\/06\/exb-divider.png","wide_image-width":1304,"wide_image-height":133}},"image_position":"center","orientation":"horizontal","hyperlink":""},{"acf_fc_layout":"content","content":"<p><em>Do you have any thoughts about our new Experience Builder features? Let us know on\u00a0<a href=\"https:\/\/community.esri.com\/t5\/arcgis-experience-builder\/ct-p\/arcgis-experience-builder\">Esri Community<\/a>.<\/em><\/p>\n"}],"authors":[{"ID":289852,"user_firstname":"Thomas","user_lastname":"Coughlin","nickname":"Thomas Coughlin","user_nicename":"tcoughlin","display_name":"Thomas Coughlin","user_email":"tcoughlin@esri.com","user_url":"","user_registered":"2021-10-19 21:50:20","user_description":"Thomas writes about ArcGIS Experience Builder and ArcGIS Maps for Adobe Creative Cloud at Esri. He earned a degree in environmental science from the University of Massachusetts Amherst.","user_avatar":"<img data-del=\"avatar\" src='https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2021\/10\/Me-465x465.jpg' class='avatar pp-user-avatar avatar-96 photo ' height='96' width='96'\/>"},{"ID":399276,"user_firstname":"Shengdi","user_lastname":"Zhang","nickname":"shengdizhang@esri.com_esriinc","user_nicename":"shengdizhangesri-com_esriinc","display_name":"Shengdi Zhang","user_email":"shengdizhang@esri.com","user_url":"","user_registered":"2025-09-04 01:18:47","user_description":"Shengdi is a Product Engineer for Experience Builder, passionate about helping customers resolve issues and enhance their experience.","user_avatar":"<img data-del=\"avatar\" src='https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2026\/02\/profile-465x465.jpg' class='avatar pp-user-avatar avatar-96 photo ' height='96' width='96'\/>"}],"related_articles":[{"ID":2946150,"post_author":"7611","post_date":"2025-10-30 17:11:28","post_date_gmt":"2025-10-31 00:11:28","post_content":"","post_title":"What's New in ArcGIS Experience Builder (October 2025)","post_excerpt":"","post_status":"publish","comment_status":"open","ping_status":"closed","post_password":"","post_name":"whats-new-in-arcgis-experience-builder-october-2025","to_ping":"","pinged":"","post_modified":"2025-11-01 14:06:46","post_modified_gmt":"2025-11-01 21:06:46","post_content_filtered":"","post_parent":0,"guid":"https:\/\/www.esri.com\/arcgis-blog\/?post_type=blog&#038;p=2946150","menu_order":0,"post_type":"blog","post_mime_type":"","comment_count":"3","filter":"raw"},{"ID":2282982,"post_author":"289852","post_date":"2024-05-06 09:00:20","post_date_gmt":"2024-05-06 16:00:20","post_content":"","post_title":"Try group filters in ArcGIS Experience Builder","post_excerpt":"","post_status":"publish","comment_status":"open","ping_status":"closed","post_password":"","post_name":"try-group-filters","to_ping":"","pinged":"","post_modified":"2024-09-27 11:06:26","post_modified_gmt":"2024-09-27 18:06:26","post_content_filtered":"","post_parent":0,"guid":"https:\/\/www.esri.com\/arcgis-blog\/?post_type=blog&#038;p=2282982","menu_order":0,"post_type":"blog","post_mime_type":"","comment_count":"3","filter":"raw"},{"ID":1434542,"post_author":"6561","post_date":"2021-12-13 09:18:39","post_date_gmt":"2021-12-13 17:18:39","post_content":"","post_title":"A better experience for styling layers using Arcade in ArcGIS Online","post_excerpt":"","post_status":"publish","comment_status":"open","ping_status":"closed","post_password":"","post_name":"a-better-experience-for-styling-layers-using-arcade-in-arcgis-online","to_ping":"","pinged":"","post_modified":"2024-11-01 00:01:45","post_modified_gmt":"2024-11-01 07:01:45","post_content_filtered":"","post_parent":0,"guid":"https:\/\/www.esri.com\/arcgis-blog\/?post_type=blog&#038;p=1434542","menu_order":0,"post_type":"blog","post_mime_type":"","comment_count":"2","filter":"raw"},{"ID":2183802,"post_author":"289852","post_date":"2024-03-20 08:15:49","post_date_gmt":"2024-03-20 15:15:49","post_content":"","post_title":"Michigan's map of environmental remediation projects","post_excerpt":"","post_status":"publish","comment_status":"open","ping_status":"closed","post_password":"","post_name":"michigan-remediation","to_ping":"","pinged":"","post_modified":"2024-09-04 14:41:05","post_modified_gmt":"2024-09-04 21:41:05","post_content_filtered":"","post_parent":0,"guid":"https:\/\/www.esri.com\/arcgis-blog\/?post_type=blog&#038;p=2183802","menu_order":0,"post_type":"blog","post_mime_type":"","comment_count":"0","filter":"raw"}],"show_article_image":false,"card_image":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2026\/01\/advanced-formatting-thumb-2.png","wide_image":false},"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>Try advanced formatting with Arcade in ArcGIS Experience Builder<\/title>\n<meta name=\"description\" content=\"Advanced formatting is available in ArcGIS Online, ArcGIS Enterprise 12.0, and versions 1.18 and later of the developer edition.\" \/>\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\/experience-builder\/arcade\/try-advanced-formatting\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Try advanced formatting with Arcade in ArcGIS Experience Builder\" \/>\n<meta property=\"og:description\" content=\"Advanced formatting is available in ArcGIS Online, ArcGIS Enterprise 12.0, and versions 1.18 and later of the developer edition.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.esri.com\/arcgis-blog\/products\/experience-builder\/arcade\/try-advanced-formatting\" \/>\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=\"2026-02-03T16:39:38+00:00\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:site\" content=\"@ESRI\" \/>\n<meta name=\"twitter:label1\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data1\" content=\"9 minutes\" \/>\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\/experience-builder\/arcade\/try-advanced-formatting#article\",\"isPartOf\":{\"@id\":\"https:\/\/www.esri.com\/arcgis-blog\/products\/experience-builder\/arcade\/try-advanced-formatting\"},\"author\":{\"name\":\"Thomas Coughlin\",\"@id\":\"https:\/\/www.esri.com\/arcgis-blog\/#\/schema\/person\/053b7b2b311e53cc18344ab1d448d007\"},\"headline\":\"Try advanced formatting with Arcade in ArcGIS Experience Builder\",\"datePublished\":\"2026-02-02T15:05:13+00:00\",\"dateModified\":\"2026-02-03T16:39:38+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/www.esri.com\/arcgis-blog\/products\/experience-builder\/arcade\/try-advanced-formatting\"},\"wordCount\":9,\"commentCount\":2,\"publisher\":{\"@id\":\"https:\/\/www.esri.com\/arcgis-blog\/#organization\"},\"keywords\":[\"Advanced Formatting\",\"expressions\",\"scripting\"],\"articleSection\":[\"Arcade\"],\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\/\/www.esri.com\/arcgis-blog\/products\/experience-builder\/arcade\/try-advanced-formatting#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/www.esri.com\/arcgis-blog\/products\/experience-builder\/arcade\/try-advanced-formatting\",\"url\":\"https:\/\/www.esri.com\/arcgis-blog\/products\/experience-builder\/arcade\/try-advanced-formatting\",\"name\":\"Try advanced formatting with Arcade in ArcGIS Experience Builder\",\"isPartOf\":{\"@id\":\"https:\/\/www.esri.com\/arcgis-blog\/#website\"},\"datePublished\":\"2026-02-02T15:05:13+00:00\",\"dateModified\":\"2026-02-03T16:39:38+00:00\",\"description\":\"Advanced formatting is available in ArcGIS Online, ArcGIS Enterprise 12.0, and versions 1.18 and later of the developer edition.\",\"breadcrumb\":{\"@id\":\"https:\/\/www.esri.com\/arcgis-blog\/products\/experience-builder\/arcade\/try-advanced-formatting#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/www.esri.com\/arcgis-blog\/products\/experience-builder\/arcade\/try-advanced-formatting\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/www.esri.com\/arcgis-blog\/products\/experience-builder\/arcade\/try-advanced-formatting#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/www.esri.com\/arcgis-blog\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Try advanced formatting with Arcade in ArcGIS Experience Builder\"}]},{\"@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\/053b7b2b311e53cc18344ab1d448d007\",\"name\":\"Thomas Coughlin\",\"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\/2021\/10\/Me-465x465.jpg\",\"contentUrl\":\"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2021\/10\/Me-465x465.jpg\",\"caption\":\"Thomas Coughlin\"},\"description\":\"Thomas writes about ArcGIS Experience Builder and ArcGIS Maps for Adobe Creative Cloud at Esri. He earned a degree in environmental science from the University of Massachusetts Amherst.\",\"sameAs\":[\"https:\/\/www.linkedin.com\/in\/thomas-g-coughlin\/\"],\"jobTitle\":\"Technical Writer\",\"worksFor\":\"Esri\",\"url\":\"https:\/\/www.esri.com\/arcgis-blog\/author\/tcoughlin\"}]}<\/script>\n<!-- \/ Yoast SEO Premium plugin. -->","yoast_head_json":{"title":"Try advanced formatting with Arcade in ArcGIS Experience Builder","description":"Advanced formatting is available in ArcGIS Online, ArcGIS Enterprise 12.0, and versions 1.18 and later of the developer edition.","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\/experience-builder\/arcade\/try-advanced-formatting","og_locale":"en_US","og_type":"article","og_title":"Try advanced formatting with Arcade in ArcGIS Experience Builder","og_description":"Advanced formatting is available in ArcGIS Online, ArcGIS Enterprise 12.0, and versions 1.18 and later of the developer edition.","og_url":"https:\/\/www.esri.com\/arcgis-blog\/products\/experience-builder\/arcade\/try-advanced-formatting","og_site_name":"ArcGIS Blog","article_publisher":"https:\/\/www.facebook.com\/esrigis\/","article_modified_time":"2026-02-03T16:39:38+00:00","twitter_card":"summary_large_image","twitter_site":"@ESRI","twitter_misc":{"Est. reading time":"9 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":["Article","BlogPosting"],"@id":"https:\/\/www.esri.com\/arcgis-blog\/products\/experience-builder\/arcade\/try-advanced-formatting#article","isPartOf":{"@id":"https:\/\/www.esri.com\/arcgis-blog\/products\/experience-builder\/arcade\/try-advanced-formatting"},"author":{"name":"Thomas Coughlin","@id":"https:\/\/www.esri.com\/arcgis-blog\/#\/schema\/person\/053b7b2b311e53cc18344ab1d448d007"},"headline":"Try advanced formatting with Arcade in ArcGIS Experience Builder","datePublished":"2026-02-02T15:05:13+00:00","dateModified":"2026-02-03T16:39:38+00:00","mainEntityOfPage":{"@id":"https:\/\/www.esri.com\/arcgis-blog\/products\/experience-builder\/arcade\/try-advanced-formatting"},"wordCount":9,"commentCount":2,"publisher":{"@id":"https:\/\/www.esri.com\/arcgis-blog\/#organization"},"keywords":["Advanced Formatting","expressions","scripting"],"articleSection":["Arcade"],"inLanguage":"en-US","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/www.esri.com\/arcgis-blog\/products\/experience-builder\/arcade\/try-advanced-formatting#respond"]}]},{"@type":"WebPage","@id":"https:\/\/www.esri.com\/arcgis-blog\/products\/experience-builder\/arcade\/try-advanced-formatting","url":"https:\/\/www.esri.com\/arcgis-blog\/products\/experience-builder\/arcade\/try-advanced-formatting","name":"Try advanced formatting with Arcade in ArcGIS Experience Builder","isPartOf":{"@id":"https:\/\/www.esri.com\/arcgis-blog\/#website"},"datePublished":"2026-02-02T15:05:13+00:00","dateModified":"2026-02-03T16:39:38+00:00","description":"Advanced formatting is available in ArcGIS Online, ArcGIS Enterprise 12.0, and versions 1.18 and later of the developer edition.","breadcrumb":{"@id":"https:\/\/www.esri.com\/arcgis-blog\/products\/experience-builder\/arcade\/try-advanced-formatting#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.esri.com\/arcgis-blog\/products\/experience-builder\/arcade\/try-advanced-formatting"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/www.esri.com\/arcgis-blog\/products\/experience-builder\/arcade\/try-advanced-formatting#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/www.esri.com\/arcgis-blog\/"},{"@type":"ListItem","position":2,"name":"Try advanced formatting with Arcade in ArcGIS Experience Builder"}]},{"@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\/053b7b2b311e53cc18344ab1d448d007","name":"Thomas Coughlin","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\/2021\/10\/Me-465x465.jpg","contentUrl":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2021\/10\/Me-465x465.jpg","caption":"Thomas Coughlin"},"description":"Thomas writes about ArcGIS Experience Builder and ArcGIS Maps for Adobe Creative Cloud at Esri. He earned a degree in environmental science from the University of Massachusetts Amherst.","sameAs":["https:\/\/www.linkedin.com\/in\/thomas-g-coughlin\/"],"jobTitle":"Technical Writer","worksFor":"Esri","url":"https:\/\/www.esri.com\/arcgis-blog\/author\/tcoughlin"}]}},"text_date":"February 2, 2026","author_name":"Multiple Authors","author_page":"https:\/\/www.esri.com\/arcgis-blog\/products\/experience-builder\/arcade\/try-advanced-formatting","custom_image":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2025\/08\/Newsroom-Keyart-Wide-1920-x-1080.jpg","primary_product":"ArcGIS Experience Builder","tag_data":[{"term_id":761142,"name":"Advanced Formatting","slug":"advanced-formatting","term_group":0,"term_taxonomy_id":761142,"taxonomy":"post_tag","description":"","parent":0,"count":2,"filter":"raw"},{"term_id":264882,"name":"expressions","slug":"expressions","term_group":0,"term_taxonomy_id":264882,"taxonomy":"post_tag","description":"","parent":0,"count":4,"filter":"raw"},{"term_id":24351,"name":"scripting","slug":"scripting","term_group":0,"term_taxonomy_id":24351,"taxonomy":"post_tag","description":"","parent":0,"count":15,"filter":"raw"}],"category_data":[{"term_id":777102,"name":"Arcade","slug":"arcade","term_group":0,"term_taxonomy_id":777102,"taxonomy":"category","description":"","parent":0,"count":98,"filter":"raw"}],"product_data":[{"term_id":400032,"name":"ArcGIS Experience Builder","slug":"experience-builder","term_group":0,"term_taxonomy_id":400032,"taxonomy":"product","description":"","parent":36591,"count":160,"filter":"raw"}],"primary_product_link":"https:\/\/www.esri.com\/arcgis-blog\/?s=#&products=experience-builder","_links":{"self":[{"href":"https:\/\/www.esri.com\/arcgis-blog\/wp-json\/wp\/v2\/blog\/2936811","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\/289852"}],"replies":[{"embeddable":true,"href":"https:\/\/www.esri.com\/arcgis-blog\/wp-json\/wp\/v2\/comments?post=2936811"}],"version-history":[{"count":0,"href":"https:\/\/www.esri.com\/arcgis-blog\/wp-json\/wp\/v2\/blog\/2936811\/revisions"}],"wp:attachment":[{"href":"https:\/\/www.esri.com\/arcgis-blog\/wp-json\/wp\/v2\/media?parent=2936811"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.esri.com\/arcgis-blog\/wp-json\/wp\/v2\/categories?post=2936811"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.esri.com\/arcgis-blog\/wp-json\/wp\/v2\/tags?post=2936811"},{"taxonomy":"industry","embeddable":true,"href":"https:\/\/www.esri.com\/arcgis-blog\/wp-json\/wp\/v2\/industry?post=2936811"},{"taxonomy":"product","embeddable":true,"href":"https:\/\/www.esri.com\/arcgis-blog\/wp-json\/wp\/v2\/product?post=2936811"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}