{"id":2955599,"date":"2026-02-27T15:00:16","date_gmt":"2026-02-27T23:00:16","guid":{"rendered":"https:\/\/www.esri.com\/arcgis-blog\/?post_type=blog&p=2955599"},"modified":"2026-03-27T11:24:35","modified_gmt":"2026-03-27T18:24:35","slug":"pixel-perfect-pop-ups-arcade-support-for-imagery-layers","status":"publish","type":"blog","link":"https:\/\/www.esri.com\/arcgis-blog\/products\/arcgis-online\/arcade\/pixel-perfect-pop-ups-arcade-support-for-imagery-layers","title":{"rendered":"Pixel perfect pop-ups: Arcade support for imagery layers"},"author":319692,"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":[762082,759992,776582,28061,780938],"industry":[],"product":[36551],"class_list":["post-2955599","blog","type-blog","status-publish","format-standard","hentry","category-arcade","tag-dynamic-imagery","tag-hosted-imagery","tag-imagery-layer","tag-pop-ups","tag-whats-new-february-2026","product-arcgis-online"],"acf":{"authors":[{"ID":319692,"user_firstname":"Taylor","user_lastname":"McNeil","nickname":"Taylor McNeil","user_nicename":"tmcneil","display_name":"Taylor McNeil","user_email":"tmcneil@esri.com","user_url":"","user_registered":"2022-10-06 12:43:53","user_description":"Taylor is a Product Engineer on the ArcGIS Online team based in Nova Scotia, Canada. She has received a BSc in Biology and a MSc in Applied Geomatics. When she's not at work, she can be found taking care of her houseplants, reading copious amounts of fiction, and exploring local thrift stores.","user_avatar":""}],"short_description":"Use pixel and image attributes to create dynamic content in imagery layer pop-ups.","flexible_content":[{"acf_fc_layout":"content","content":"

Take your imagery layer pop-ups to the next level with the latest update of ArcGIS Arcade (v1.35)<\/a> and ArcGIS Online. With the addition of two new profiles – Imagery popup<\/strong><\/a>\u00a0and\u00a0Imagery popup element<\/a>\u00a0<\/strong>– you are now able to use pixel values and image attributes to create and drive pop-up content for hosted imagery.<\/p>\n"},{"acf_fc_layout":"content","content":"

Just like the experience for hosted feature layers, when you add an imagery layer (tiled or dynamic) to Map Viewer you will now see the option to author Arcade content elements and attribute expressions in the pop-up configuration panel. These new profiles include the following profile variables to work specifically with imagery layers: $pixel<\/code> and $imageCollectionItem<\/code>.<\/span><\/p>\n

Introducing the profile variables<\/h3>\n

The $pixel<\/code><\/strong> profile variable is available for all image services, although the number of attributes it contains will vary depending on the image service and how it was configured. This profile variable represents the selected pixel and other pixel-dependent information for the imagery layer in view.<\/p>\n

The $imageCollectionItem<\/code><\/strong> profile variable is only populated for dynamic imagery layers that are backed by an image collection. This profile variable contains the various image attributes from the image containing the associated pixel. If the imagery layer is not backed by an image collection, $imageCollectionItem<\/code> will be null.<\/p>\n"},{"acf_fc_layout":"content","content":"

Now, let\u2019s look at how you can leverage these profiles to bring your imagery layer pop-ups to the next level through the lens of some examples.<\/p>\n"},{"acf_fc_layout":"content","content":"

Example 1: Temperature conversion<\/h3>\n

The Sea Surface Temperature (SST)<\/a> layer contains data which represents sea temperature in Celsius. Using a single Arcade element in our pop-up, we can convert the pixel value representing Celsius to Fahrenheit and display these values alongside the formatted image collection date. Because we are using a content element, we are also able to style the text via HTML in the return statement.<\/p>\n"},{"acf_fc_layout":"content","content":"

\/\/ get date of image collection and format<\/span>\r\nvar<\/span> d = $pixel[\"Raster.Dim.StdTime\"<\/span>];\r\nd = Text<\/span>(d, \"ddd MMM DD, Y\"<\/span>); \r\n\r\n\/\/ convert from celsius to fahrenheit<\/span>\r\nvar<\/span> celsius = Round<\/span>($pixel[\"Raster.ServicePixelValue.Raw\"<\/span>][0<\/span>], 2<\/span>);\r\nvar<\/span> f = Round<\/span>(celsius * 9<\/span> \/ 5<\/span> + 32<\/span>, 2<\/span>); \r\n\r\n\/\/ return content element with HTML in pop-up<\/span>\r\nreturn<\/span> {\r\n  type<\/span>: \"text\"<\/span>,\r\n  text<\/span>:\r\n    `<p style=\"text-align:center; font-size: 18px\">Average temperature on ${d}<\/span>: <br><br><b> ${celsius}<\/span> \u00b0C | ${f}<\/span> \u00b0F<\/b><\/p>`<\/span>\r\n};\r\n<\/code><\/pre>\n"},{"acf_fc_layout":"image","image":{"ID":2958692,"id":2958692,"title":"SeaSurfaceTemp_ArcadePopup","filename":"SeaSurfaceTemp_ArcadePopup.gif","filesize":1713784,"url":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2026\/02\/SeaSurfaceTemp_ArcadePopup.gif","link":"https:\/\/www.esri.com\/arcgis-blog\/products\/arcgis-online\/arcade\/pixel-perfect-pop-ups-arcade-support-for-imagery-layers\/seasurfacetemp_arcadepopup-3","alt":"Popup showing the sea surface temperature in Celsius and Fahrenheit over time.","author":"319692","description":"","caption":"Sea surface temperature (Celsius and Fahrenheit) shown over time in a map pop-up.","name":"seasurfacetemp_arcadepopup-3","status":"inherit","uploaded_to":2955599,"date":"2026-02-26 20:43:20","modified":"2026-02-27 13:32:52","menu_order":0,"mime_type":"image\/gif","type":"image","subtype":"gif","icon":"https:\/\/www.esri.com\/arcgis-blog\/wp-includes\/images\/media\/default.png","width":782,"height":452,"sizes":{"thumbnail":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2026\/02\/SeaSurfaceTemp_ArcadePopup-213x200.gif","thumbnail-width":213,"thumbnail-height":200,"medium":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2026\/02\/SeaSurfaceTemp_ArcadePopup.gif","medium-width":452,"medium-height":261,"medium_large":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2026\/02\/SeaSurfaceTemp_ArcadePopup.gif","medium_large-width":768,"medium_large-height":444,"large":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2026\/02\/SeaSurfaceTemp_ArcadePopup.gif","large-width":782,"large-height":452,"1536x1536":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2026\/02\/SeaSurfaceTemp_ArcadePopup.gif","1536x1536-width":782,"1536x1536-height":452,"2048x2048":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2026\/02\/SeaSurfaceTemp_ArcadePopup.gif","2048x2048-width":782,"2048x2048-height":452,"card_image":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2026\/02\/SeaSurfaceTemp_ArcadePopup.gif","card_image-width":782,"card_image-height":452,"wide_image":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2026\/02\/SeaSurfaceTemp_ArcadePopup.gif","wide_image-width":782,"wide_image-height":452}},"image_position":"center","orientation":"horizontal","hyperlink":""},{"acf_fc_layout":"content","content":"
Example 2: Classifying pixel values using When<\/h3>\n
The North American Land Data Assimilation System (NLDAS)<\/a> tiled imagery layer contains data that represents the forecasted wind direction (in degrees) in 2011 across the contiguous United States. While it is informative to have the wind direction in a numeric value like degrees, map consumers may also find it helpful to have information surfaced instead as the well-known directions we are familiar with on a compass (e.g., North, South, etc.). This can be accomplished with a single Arcade attribute expression leveraging the When<\/a> function.<\/p>\n
In the example below, the direction in degrees is classified into text values that represent the directional points on a compass. The expression is then inserted into a media element in the pop-up alongside the actual value in degrees and an informative image.<\/p>\n"},{"acf_fc_layout":"content","content":"
\/\/ Round pixel direction attribute to 1 decimal<\/span>\r\nvar<\/span> d = Round<\/span>($pixel[\"Raster.Direction\"<\/span>], 1<\/span>);\r\n\r\n\/\/ Classify the direction<\/span>\r\nWhen<\/span>(\r\n  d >= 0<\/span> && d < 22.5<\/span>,\r\n  \"North\"<\/span>,\r\n  d >= 22.5<\/span> && d < 45<\/span>,\r\n  \"North-Northeast\"<\/span>,\r\n  d >= 45<\/span> && d < 67.5<\/span>,\r\n  \"Northeast\"<\/span>,\r\n  d >= 67.5<\/span> && d < 90<\/span>,\r\n  \"East-Northeast\"<\/span>,\r\n  d >= 90<\/span> && d < 112.5<\/span>,\r\n  \"East\"<\/span>,\r\n  d >= 112.5<\/span> && d < 135<\/span>,\r\n  \"East-Southeast\"<\/span>,\r\n  d >= 135<\/span> && d < 157.5<\/span>,\r\n  \"Southeast\"<\/span>,\r\n  d >= 157.5<\/span> && d < 180<\/span>,\r\n  \"South-Southeast\"<\/span>,\r\n  d >= 180<\/span> && d < 202.5<\/span>,\r\n  \"South\"<\/span>,\r\n  d >= 202.5<\/span> && d < 225<\/span>,\r\n  \"South-Southwest\"<\/span>,\r\n  d >= 225<\/span> && d < 247.5<\/span>,\r\n  \"Southwest\"<\/span>,\r\n  d >= 247.5<\/span> && d < 270<\/span>,\r\n  \"West-Southwest\"<\/span>,\r\n  d >= 270<\/span> && d < 292.5<\/span>,\r\n  \"West\"<\/span>,\r\n  d >= 292.5<\/span> && d < 315<\/span>,\r\n  \"West-Northwest\"<\/span>,\r\n  d >= 315<\/span> && d < 337.5<\/span>,\r\n  \"Northwest\"<\/span>,\r\n  d >= 337.5<\/span> && d <= 360<\/span>,\r\n  \"North\"<\/span>,\r\n  \"Direction unknown\"<\/span>\r\n);<\/code><\/pre>\n"},{"acf_fc_layout":"image","image":{"ID":2958637,"id":2958637,"title":"WindDirection_ArcadePopup","filename":"2026-02-26_15-08-37.gif","filesize":1774710,"url":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2026\/02\/2026-02-26_15-08-37.gif","link":"https:\/\/www.esri.com\/arcgis-blog\/products\/arcgis-online\/arcade\/pixel-perfect-pop-ups-arcade-support-for-imagery-layers\/2026-02-26_15-08-37","alt":"Popup updates to display forecasted wind direction in well known directions and degrees.","author":"319692","description":"","caption":"Forecasted wind direction shown in degrees and as text indicating a compass direction in a map pop-up.","name":"2026-02-26_15-08-37","status":"inherit","uploaded_to":2955599,"date":"2026-02-26 19:09:02","modified":"2026-02-27 13:38:42","menu_order":0,"mime_type":"image\/gif","type":"image","subtype":"gif","icon":"https:\/\/www.esri.com\/arcgis-blog\/wp-includes\/images\/media\/default.png","width":1220,"height":654,"sizes":{"thumbnail":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2026\/02\/2026-02-26_15-08-37-213x200.gif","thumbnail-width":213,"thumbnail-height":200,"medium":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2026\/02\/2026-02-26_15-08-37.gif","medium-width":464,"medium-height":249,"medium_large":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2026\/02\/2026-02-26_15-08-37.gif","medium_large-width":768,"medium_large-height":412,"large":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2026\/02\/2026-02-26_15-08-37.gif","large-width":1220,"large-height":654,"1536x1536":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2026\/02\/2026-02-26_15-08-37.gif","1536x1536-width":1220,"1536x1536-height":654,"2048x2048":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2026\/02\/2026-02-26_15-08-37.gif","2048x2048-width":1220,"2048x2048-height":654,"card_image":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2026\/02\/2026-02-26_15-08-37-826x443.gif","card_image-width":826,"card_image-height":443,"wide_image":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2026\/02\/2026-02-26_15-08-37.gif","wide_image-width":1220,"wide_image-height":654}},"image_position":"center","orientation":"horizontal","hyperlink":""},{"acf_fc_layout":"content","content":"
Example 3: Matching pop-up text color to the renderer<\/h3>\n
The Global Land Cover 1992-2020<\/a> layer exposes the corresponding RGB values used to render the cells via the $pixel<\/code> variable. Because of this we can leverage these attributes directly to dynamically color our pop-up text to match the layer’s renderer – all without any hardcoding of colors!<\/p>\n
In this example, the expression that returns the calculated color is applied using the data-driven font color option in the rich text editor. If you aren’t familiar with this workflow, check out the data-driven font color section in this blog<\/a>. The background color for the text is also driven by an Arcade expression (not shown) which looks at the text color generated from the RGB values and determines if a white or black background is appropriate to maintain sufficient contrast.<\/p>\n"},{"acf_fc_layout":"content","content":"
\/\/ Grab the RGB values from the pixel<\/span>\r\nvar<\/span> r = $pixel[\"Raster.Red\"<\/span>];\r\nvar<\/span> g = $pixel[\"Raster.Green\"<\/span>];\r\nvar<\/span> b = $pixel[\"Raster.Blue\"<\/span>];\r\n\r\n\/\/ if RGB values are present from pixel<\/span>\r\nif<\/span> (!IsEmpty<\/span>(r) && !IsEmpty<\/span>(g) && !IsEmpty<\/span>(b)) {\r\n  \/\/ return that color<\/span>\r\n  return<\/span> `rgb(${r}<\/span>, ${g}<\/span>, ${b}<\/span>)`<\/span>;\r\n} else<\/span> {\r\n  \/\/ otherwise, return the color black<\/span>\r\n  return<\/span> `rgb(0, 0, 0);`<\/span>;\r\n}<\/code><\/pre>\n"},{"acf_fc_layout":"image","image":{"ID":2958641,"id":2958641,"title":"GlobalLandCoverPopup_Arcade","filename":"GlobalLandCoverPopup_Arcade.gif","filesize":1470980,"url":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2026\/02\/GlobalLandCoverPopup_Arcade.gif","link":"https:\/\/www.esri.com\/arcgis-blog\/products\/arcgis-online\/arcade\/pixel-perfect-pop-ups-arcade-support-for-imagery-layers\/globallandcoverpopup_arcade","alt":"Popup that displays the prominent type of global land cover","author":"319692","description":"","caption":"A pop-up indicating the predominant land cover type dynamically updates its font color to match the renderer using an Arcade expression.","name":"globallandcoverpopup_arcade","status":"inherit","uploaded_to":2955599,"date":"2026-02-26 19:17:12","modified":"2026-02-27 13:40:33","menu_order":0,"mime_type":"image\/gif","type":"image","subtype":"gif","icon":"https:\/\/www.esri.com\/arcgis-blog\/wp-includes\/images\/media\/default.png","width":906,"height":762,"sizes":{"thumbnail":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2026\/02\/GlobalLandCoverPopup_Arcade-213x200.gif","thumbnail-width":213,"thumbnail-height":200,"medium":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2026\/02\/GlobalLandCoverPopup_Arcade.gif","medium-width":310,"medium-height":261,"medium_large":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2026\/02\/GlobalLandCoverPopup_Arcade.gif","medium_large-width":768,"medium_large-height":646,"large":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2026\/02\/GlobalLandCoverPopup_Arcade.gif","large-width":906,"large-height":762,"1536x1536":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2026\/02\/GlobalLandCoverPopup_Arcade.gif","1536x1536-width":906,"1536x1536-height":762,"2048x2048":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2026\/02\/GlobalLandCoverPopup_Arcade.gif","2048x2048-width":906,"2048x2048-height":762,"card_image":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2026\/02\/GlobalLandCoverPopup_Arcade-553x465.gif","card_image-width":553,"card_image-height":465,"wide_image":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2026\/02\/GlobalLandCoverPopup_Arcade.gif","wide_image-width":906,"wide_image-height":762}},"image_position":"center","orientation":"horizontal","hyperlink":""},{"acf_fc_layout":"content","content":"
Example 4: Displaying dynamic HTML in the pop-up<\/h3>\n
The Coral Bleaching Alert<\/a> layer uses pixel values to represent the max level of stress experienced over the past week. Currently, the pop-up surfaces the level of alert as a simple text string in the pop-up. By using an Arcade content element, we can really take this pop-up to the next level. In the example below, we dynamically color both the pop-up text and background color to match the renderer while also accounting for the user selecting an area with null or NoData<\/code> values.<\/p>\n"},{"acf_fc_layout":"content","content":"
\/\/ get pixel value that represents bleaching level<\/span>\r\nvar<\/span> level = $pixel[\"Raster.ServicePixelValue.Raw\"<\/span>][0<\/span>];\r\n\r\n\/\/ classify based on pixel value<\/span>\r\nvar<\/span> r = Decode<\/span>(\r\n  level,\r\n  \"0\"<\/span>,\r\n  \"No stress\"<\/span>,\r\n  \"1\"<\/span>,\r\n  \"Bleaching Watch\"<\/span>,\r\n  \"2\"<\/span>,\r\n  \"Bleaching Warning\"<\/span>,\r\n  \"3\"<\/span>,\r\n  \"Bleaching Alert Level 1\"<\/span>,\r\n  \"4\"<\/span>,\r\n  \"Bleaching Alert Level 2\"<\/span>,\r\n  \"N\/A\"<\/span>\r\n);\r\n\r\n\/\/ use level to determine hex code for color<\/span>\r\nvar<\/span> r_color = When<\/span>(\r\n  level == \"0\"<\/span>,\r\n  \"#d3ffbe\"<\/span>,\r\n  level == \"1\"<\/span>,\r\n  \"#ffffbe\"<\/span>,\r\n  level == \"2\"<\/span>,\r\n  \"#ffd37f\"<\/span>,\r\n  level == \"3\"<\/span>,\r\n  \"#ff7f7f\"<\/span>,\r\n  level == \"4\"<\/span>,\r\n  \"#de0a26\"<\/span>,\r\n  \"#ffffff\"<\/span>\r\n);\r\n\r\n\/\/ set background depending on text color for sufficient contrast<\/span>\r\nif<\/span> (\r\n  r_color == \"#d3ffbe\"<\/span> ||\r\n  r_color == \"#ffffbe\"<\/span> ||\r\n  r_color == \"#ffd37f\"<\/span> ||\r\n  r_color == \"#ffffff\"<\/span>\r\n) {\r\n  var<\/span> b_color = \"#808080\"<\/span>;\r\n} else<\/span> {\r\n  b_color = \"#E8E8E8\"<\/span>;\r\n}\r\n\r\nvar<\/span> html =\r\n  `<br><p style=\"text-align:center;\"><span style=\"color:${r_color}<\/span>; background-color:${b_color}<\/span>; font-size:28px; font-family:Lucida Console; padding: 10px; border: 1px solid black;\"><b>${r}<\/span><\/b><\/span><\/p><br>`<\/span>;\r\n\r\nreturn<\/span> { type<\/span>: \"text\"<\/span>, text<\/span>: `${html}<\/span>`<\/span> };<\/code><\/pre>\n"},{"acf_fc_layout":"image","image":{"ID":2958685,"id":2958685,"title":"CoralBleaching_ArcadePopup_GIF","filename":"CoralBleaching_ArcadePopup_GIF.gif","filesize":1242896,"url":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2026\/02\/CoralBleaching_ArcadePopup_GIF.gif","link":"https:\/\/www.esri.com\/arcgis-blog\/products\/arcgis-online\/arcade\/pixel-perfect-pop-ups-arcade-support-for-imagery-layers\/coralbleaching_arcadepopup_gif","alt":"Pop-up showing different levels of coral bleaching alert.","author":"319692","description":"","caption":"Coral bleaching alert level shown in a map pop-up. ","name":"coralbleaching_arcadepopup_gif","status":"inherit","uploaded_to":2955599,"date":"2026-02-26 20:15:25","modified":"2026-02-27 13:41:06","menu_order":0,"mime_type":"image\/gif","type":"image","subtype":"gif","icon":"https:\/\/www.esri.com\/arcgis-blog\/wp-includes\/images\/media\/default.png","width":974,"height":428,"sizes":{"thumbnail":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2026\/02\/CoralBleaching_ArcadePopup_GIF-213x200.gif","thumbnail-width":213,"thumbnail-height":200,"medium":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2026\/02\/CoralBleaching_ArcadePopup_GIF.gif","medium-width":464,"medium-height":204,"medium_large":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2026\/02\/CoralBleaching_ArcadePopup_GIF.gif","medium_large-width":768,"medium_large-height":337,"large":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2026\/02\/CoralBleaching_ArcadePopup_GIF.gif","large-width":974,"large-height":428,"1536x1536":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2026\/02\/CoralBleaching_ArcadePopup_GIF.gif","1536x1536-width":974,"1536x1536-height":428,"2048x2048":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2026\/02\/CoralBleaching_ArcadePopup_GIF.gif","2048x2048-width":974,"2048x2048-height":428,"card_image":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2026\/02\/CoralBleaching_ArcadePopup_GIF-826x363.gif","card_image-width":826,"card_image-height":363,"wide_image":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2026\/02\/CoralBleaching_ArcadePopup_GIF.gif","wide_image-width":974,"wide_image-height":428}},"image_position":"center","orientation":"horizontal","hyperlink":""},{"acf_fc_layout":"content","content":"
Example 5: Formatting text and accounting for null values<\/h3>\n
The Landsat Level-2<\/a> layer displays global imagery over a range of time. By default, the pop-up will display a standard list of fields. However, in some images certain attributes may be null. Rather than displaying an empty value in the list of fields, we can use attribute expressions to create a pop-up that shows key information about the image cloud cover and collection date while simultaneously handling the case when the attributes are null.<\/p>\n
In the example below, logical statements are used to check whether the attributes (cloud cover & collection date) are null. If they are, we return the generic string of ‘Unknown’. If the cloud cover attribute for the image is not null, the When function is used to classify the numeric value to a more understandable string. Likewise, if the collection date for the image is not null it is formatted using the Text<\/a> function (expression not shown).<\/p>\n"},{"acf_fc_layout":"content","content":"
\/\/ Get variable representing image cloud cover<\/span>\r\nvar<\/span> cc = $imageCollectionItem.cloudcover;\r\n\r\n\/\/ check if cc attribute is null or not<\/span>\r\nif<\/span> (IsEmpty<\/span>(cc)) {\r\n  return<\/span> \"Unknown\"<\/span>;\r\n} else<\/span> {\r\n  \/\/ if cc attribute is not null<\/span>\r\n  \/\/ classify image cloud cover into three categories: Clear, Partly cloudy, Cloudy<\/span>\r\n  When<\/span>(\r\n    cc <= 0.3<\/span>,\r\n    \"Clear\"<\/span>,\r\n    cc > 0.3<\/span> && cc <= 0.7<\/span>,\r\n    \"Partly cloudy\"<\/span>,\r\n    cc > 0.7<\/span>,\r\n    \"Cloudy\"<\/span>,\r\n    \"N\/A\"<\/span>\r\n  );\r\n}<\/code><\/pre>\n"},{"acf_fc_layout":"image","image":{"ID":2958832,"id":2958832,"title":"ComparePopupArcadeImageCollectionitem","filename":"ComparePopupArcadeImageCollectionitem.jpg","filesize":235329,"url":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2026\/02\/ComparePopupArcadeImageCollectionitem.jpg","link":"https:\/\/www.esri.com\/arcgis-blog\/products\/arcgis-online\/arcade\/pixel-perfect-pop-ups-arcade-support-for-imagery-layers\/comparepopuparcadeimagecollectionitem","alt":"Comparison of two pop-ups side by side, one with no data and one with data.","author":"319692","description":"","caption":"Arcade is used to format pop-up text while also handling null values on image layer attribute fields.","name":"comparepopuparcadeimagecollectionitem","status":"inherit","uploaded_to":2955599,"date":"2026-02-27 16:24:18","modified":"2026-02-27 16:25:27","menu_order":0,"mime_type":"image\/jpeg","type":"image","subtype":"jpeg","icon":"https:\/\/www.esri.com\/arcgis-blog\/wp-includes\/images\/media\/default.png","width":1983,"height":490,"sizes":{"thumbnail":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2026\/02\/ComparePopupArcadeImageCollectionitem-213x200.jpg","thumbnail-width":213,"thumbnail-height":200,"medium":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2026\/02\/ComparePopupArcadeImageCollectionitem.jpg","medium-width":464,"medium-height":115,"medium_large":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2026\/02\/ComparePopupArcadeImageCollectionitem.jpg","medium_large-width":768,"medium_large-height":190,"large":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2026\/02\/ComparePopupArcadeImageCollectionitem.jpg","large-width":1920,"large-height":474,"1536x1536":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2026\/02\/ComparePopupArcadeImageCollectionitem-1536x380.jpg","1536x1536-width":1536,"1536x1536-height":380,"2048x2048":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2026\/02\/ComparePopupArcadeImageCollectionitem.jpg","2048x2048-width":1983,"2048x2048-height":490,"card_image":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2026\/02\/ComparePopupArcadeImageCollectionitem-826x204.jpg","card_image-width":826,"card_image-height":204,"wide_image":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2026\/02\/ComparePopupArcadeImageCollectionitem-1920x474.jpg","wide_image-width":1920,"wide_image-height":474}},"image_position":"center","orientation":"horizontal","hyperlink":""},{"acf_fc_layout":"content","content":"
I hope that this blog has given you some ideas on how you can start leveraging Arcade in your imagery layer pop-ups. In the above examples, I outlined how the $pixel<\/code> and $imageCollectionItem<\/code> profile variables and their attributes can be leveraged in both attribute expressions and standalone content elements to format your rich text and perform on the fly calculations, but this is really only a glimpse of what is possible.<\/p>\n"},{"acf_fc_layout":"sidebar","content":"
Note: The ArcGIS Arcade assistant (beta) is also supported for these new profiles. Give it a try and provide feedback for us so we can continue to improve!<\/em><\/p>\n","image_reference":false,"layout":"standard","image_reference_figure":"","snippet":"","spotlight_name":"","section_title":"","position":"Center","spotlight_image":false},{"acf_fc_layout":"content","content":"
What’s Next?<\/h3>\n
This is only the beginning of Arcade support for imagery layers. Keep an eye out for future releases of Arcade as we work towards:<\/p>\n