{"id":1452762,"date":"2022-01-06T09:07:51","date_gmt":"2022-01-06T17:07:51","guid":{"rendered":"https:\/\/www.esri.com\/arcgis-blog\/?post_type=blog&#038;p=1452762"},"modified":"2024-11-01T00:15:40","modified_gmt":"2024-11-01T07:15:40","slug":"part-2-introducing-arcade-pop-up-content-elements","status":"publish","type":"blog","link":"https:\/\/www.esri.com\/arcgis-blog\/products\/arcgis-online\/mapping\/part-2-introducing-arcade-pop-up-content-elements","title":{"rendered":"Part 2: Introducing Arcade pop-up content elements"},"author":6981,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","format":"standard","meta":{"_acf_changed":false,"_searchwp_excluded":""},"categories":[777102,22941],"tags":[42641,28061,762272],"industry":[],"product":[36551],"class_list":["post-1452762","blog","type-blog","status-publish","format-standard","hentry","category-arcade","category-mapping","tag-arcgis-online","tag-pop-ups","tag-whats-new-december-2021","product-arcgis-online"],"acf":{"short_description":"Part 2: Using Arcade pop-up content elements to create charts and lists ","flexible_content":[{"acf_fc_layout":"content","content":"<p>Now that you\u2019ve had a few weeks to tinker and experiment with <a href=\"https:\/\/www.esri.com\/arcgis-blog\/products\/arcgis-online\/mapping\/part-1-introducing-arcade-pop-up-content-elements\/\">rich text Arcade content elements<\/a> lets take a deeper dive into how to use Arcade to power charts and lists of fields.<\/p>\n<p>If you\u2019re finding this blog series for the first time I would recommend reading <a href=\"https:\/\/www.esri.com\/arcgis-blog\/products\/arcgis-online\/mapping\/part-1-introducing-arcade-pop-up-content-elements\/\">Part 1<\/a> first to get more context, because we&#8217;re about to jump right into the examples below.<\/p>\n<h2>Working with charts in Arcade content elements<\/h2>\n<p>Charts can be a great way to visualize data especially when trying to spot trends and relationships.\u00a0 Using Arcade to define a chart in your pop-up allows you to not only drive charts from the feature you\u2019ve clicked on but also from other layers in your map. \u00a0In the example below we\u2019ll use a crime dataset to look at crime counts by category across a given precinct. To do that we\u2019ll create a new Arcade content element and use the Chart template to save time.\u00a0 If you want to take a look for yourself here\u2019s the <a href=\"https:\/\/www.arcgis.com\/apps\/mapviewer\/index.html?webmap=89dd7ba0cd114d4d9b08c812368523c2\">map<\/a> we\u2019ve used in the example below.<\/p>\n"},{"acf_fc_layout":"content","content":"<pre style=\"color: #000000;background: #ffffff\"><span style=\"color: #800000;font-weight: bold\">var<\/span> intersectPrecinct <span style=\"color: #808030\">=<\/span> Intersects<span style=\"color: #808030\">(<\/span>FeatureSetByName<span style=\"color: #808030\">(<\/span>$datastore<span style=\"color: #808030\">,<\/span><span style=\"color: #800000\">\"<\/span><span style=\"color: #0000e6\">Crimes<\/span><span style=\"color: #800000\">\"<\/span><span style=\"color: #808030\">)<\/span><span style=\"color: #808030\">,<\/span> $feature<span style=\"color: #808030\">)<\/span>\r\n<span style=\"color: #800000;font-weight: bold\">var<\/span> crimeList <span style=\"color: #808030\">=<\/span> groupBy<span style=\"color: #808030\">(<\/span>intersectPrecinct<span style=\"color: #808030\">,<\/span> <span style=\"color: #800000\">'<\/span><span style=\"color: #0000e6\">ucrdesc<\/span><span style=\"color: #800000\">'<\/span><span style=\"color: #808030\">,<\/span>\r\n                <span style=\"color: #800080\">{<\/span>name<span style=\"color: #800080\">:<\/span><span style=\"color: #800000\">'<\/span><span style=\"color: #0000e6\">count<\/span><span style=\"color: #800000\">'<\/span><span style=\"color: #808030\">,<\/span> expression<span style=\"color: #800080\">:<\/span><span style=\"color: #800000\">'<\/span><span style=\"color: #0000e6\">ucrdesc<\/span><span style=\"color: #800000\">'<\/span> <span style=\"color: #808030\">,<\/span> statistic<span style=\"color: #800080\">:<\/span><span style=\"color: #800000\">'<\/span><span style=\"color: #0000e6\">COUNT<\/span><span style=\"color: #800000\">'<\/span><span style=\"color: #800080\">}<\/span><span style=\"color: #808030\">)<\/span>\r\n                \r\n<span style=\"color: #800000;font-weight: bold\">var<\/span> sortedCrime <span style=\"color: #808030\">=<\/span> OrderBy<span style=\"color: #808030\">(<\/span>crimeList<span style=\"color: #808030\">,<\/span> <span style=\"color: #800000\">'<\/span><span style=\"color: #0000e6\">count DSC<\/span><span style=\"color: #800000\">'<\/span><span style=\"color: #808030\">)<\/span>\r\n<span style=\"color: #800000;font-weight: bold\">var<\/span> chartValues <span style=\"color: #808030\">=<\/span> <span style=\"color: #800080\">{<\/span><span style=\"color: #800080\">}<\/span>\r\n<span style=\"color: #800000;font-weight: bold\">var<\/span> chartNames <span style=\"color: #808030\">=<\/span> <span style=\"color: #808030\">[<\/span><span style=\"color: #808030\">]<\/span>\r\n<span style=\"color: #800000;font-weight: bold\">for<\/span> <span style=\"color: #808030\">(<\/span><span style=\"color: #800000;font-weight: bold\">var<\/span> f <span style=\"color: #800000;font-weight: bold\">in<\/span> sortedCrime<span style=\"color: #808030\">)<\/span> <span style=\"color: #800080\">{<\/span>\r\n        chartValues<span style=\"color: #808030\">[<\/span>f<span style=\"color: #808030\">.<\/span>ucrdesc<span style=\"color: #808030\">]<\/span> <span style=\"color: #808030\">=<\/span> f<span style=\"color: #808030\">.<\/span>count\r\n        Push<span style=\"color: #808030\">(<\/span>chartNames<span style=\"color: #808030\">,<\/span> f<span style=\"color: #808030\">.<\/span>ucrdesc<span style=\"color: #808030\">)<\/span>\r\n    <span style=\"color: #800080\">}<\/span>\r\n\r\n<span style=\"color: #800000;font-weight: bold\">return<\/span> <span style=\"color: #800080\">{<\/span>\r\n    type<span style=\"color: #800080\">:<\/span> <span style=\"color: #800000\">'<\/span><span style=\"color: #0000e6\">media<\/span><span style=\"color: #800000\">'<\/span><span style=\"color: #808030\">,<\/span>\r\n    title <span style=\"color: #800080\">:<\/span> <span style=\"color: #800000\">'<\/span><span style=\"color: #0000e6\">Crime by precinct<\/span><span style=\"color: #800000\">'<\/span><span style=\"color: #808030\">,<\/span>\r\n    description <span style=\"color: #800080\">:<\/span> <span style=\"color: #800000\">'<\/span><span style=\"color: #0000e6\">Chart showing total crime by crime category<\/span><span style=\"color: #800000\">'<\/span><span style=\"color: #808030\">,<\/span>\r\n    attributes <span style=\"color: #800080\">:<\/span> chartValues<span style=\"color: #808030\">,<\/span>  <span style=\"color: #696969\">\/\/ replace this dictionary with your own key-value pairs,<\/span>\r\n    mediaInfos<span style=\"color: #800080\">:<\/span> <span style=\"color: #808030\">[<\/span><span style=\"color: #800080\">{<\/span>\r\n        type <span style=\"color: #800080\">:<\/span> <span style=\"color: #800000\">'<\/span><span style=\"color: #0000e6\">columnchart<\/span><span style=\"color: #800000\">'<\/span><span style=\"color: #808030\">,<\/span> <span style=\"color: #696969\">\/\/linechart | barchart | piechart | columnchart<\/span>\r\n        <span style=\"color: #696969\">\/\/title : '',<\/span>\r\n        <span style=\"color: #696969\">\/\/caption : '',<\/span>\r\n        altText <span style=\"color: #800080\">:<\/span> <span style=\"color: #800000\">'<\/span><span style=\"color: #0000e6\">bar chart showing crime counts by category<\/span><span style=\"color: #800000\">'<\/span><span style=\"color: #808030\">,<\/span> <span style=\"color: #696969\">\/\/altText will be read by screen readers<\/span>\r\n        value <span style=\"color: #800080\">:<\/span> <span style=\"color: #800080\">{<\/span>\r\n          fields<span style=\"color: #800080\">:<\/span> chartNames<span style=\"color: #808030\">,<\/span>  <span style=\"color: #696969\">\/\/ choose what attributes to use in the chart<\/span>\r\n          <span style=\"color: #696969\">\/\/normalizeField : '',  \/\/ the name of the attribute to normalize by or value <\/span>\r\n        <span style=\"color: #800080\">}<\/span>\t  \r\n      <span style=\"color: #800080\">}<\/span><span style=\"color: #808030\">]<\/span>\r\n  <span style=\"color: #800080\">}<\/span>\r\n<\/pre>\n<p><!--Created using ToHtml.com on 2022-01-06 13:26:57 UTC --><\/p>\n"},{"acf_fc_layout":"content","content":"<p>In the example above we intersect the crime layer with the precinct layer. Then use the <strong>groupBy()<\/strong> function to get the total count of crime incidents grouped by category.<\/p>\n<p>After we have that info, we can then use it to populate the attributes dictionary, and fields to use in the chart\u2019s return object. Then finish it off by adding a title, description and altText.<\/p>\n<p>Here&#8217;s what the pop-up should look like when you click on a precinct on the map. This example would have been very laborious and inefficient to do well using only attribute expressions and extremely difficult to preserve any kind of sorting.\u00a0 Arcade content elements give you flexibility and efficiency all at the same time.<\/p>\n"},{"acf_fc_layout":"image","image":{"ID":1452792,"id":1452792,"title":"fig1","filename":"fig1.png","filesize":31138,"url":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2022\/01\/fig1.png","link":"https:\/\/www.esri.com\/arcgis-blog\/products\/arcgis-online\/mapping\/part-2-introducing-arcade-pop-up-content-elements\/fig1-4","alt":"image showing the completed pop-up","author":"6981","description":"","caption":"","name":"fig1-4","status":"inherit","uploaded_to":1452762,"date":"2022-01-06 13:30:20","modified":"2022-01-06 13:30: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":480,"height":432,"sizes":{"thumbnail":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2022\/01\/fig1-213x200.png","thumbnail-width":213,"thumbnail-height":200,"medium":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2022\/01\/fig1.png","medium-width":290,"medium-height":261,"medium_large":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2022\/01\/fig1.png","medium_large-width":480,"medium_large-height":432,"large":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2022\/01\/fig1.png","large-width":480,"large-height":432,"1536x1536":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2022\/01\/fig1.png","1536x1536-width":480,"1536x1536-height":432,"2048x2048":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2022\/01\/fig1.png","2048x2048-width":480,"2048x2048-height":432,"card_image":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2022\/01\/fig1.png","card_image-width":480,"card_image-height":432,"wide_image":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2022\/01\/fig1.png","wide_image-width":480,"wide_image-height":432}},"image_position":"center","orientation":"horizontal","hyperlink":""},{"acf_fc_layout":"content","content":"<p>Next let&#8217;s dive into another example that would have been (and I&#8217;ve seen many of you as users attempt to do it) very inefficient to do with just attribute expressions.<\/p>\n<h2>Working with lists of fields in arcade content elements<\/h2>\n<p>I\u2019m going to preface this example with the statement that this example is one we want to continue to make easier in the future by expanding the pop-up to use visibility expressions like <a href=\"https:\/\/doc.arcgis.com\/en\/field-maps\/android\/help\/configure-the-form.htm#ESRI_SECTION1_8989BE629B354C48B0E43990BF46BF97\">how forms<\/a> work.\u00a0 Until then though, let\u2019s walk through how we can build a list of fields where we only show the field if the value for that field is not Null and do some lite formatting along the way.<\/p>\n<p>For this example, we\u2019ll use the crimes layer directly.\u00a0 In this dataset , quite often fields used to store information about the crime are left blank because they are not always relevant to that crime incident. \u00a0\u00a0Showing those fields for every feature can add extra scrolling to the pop-up. We&#8217;re going to hide them.\u00a0 To get started add a new Arcade content element and chose the fields template. \u00a0The expression we\u2019ll be using is shown below. If you want to copy and paste the Arcade expression, its available through the map referenced earlier.<\/p>\n"},{"acf_fc_layout":"image","image":{"ID":1454432,"id":1454432,"title":"fig2","filename":"fig2-2.png","filesize":164493,"url":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2022\/01\/fig2-2.png","link":"https:\/\/www.esri.com\/arcgis-blog\/products\/arcgis-online\/mapping\/part-2-introducing-arcade-pop-up-content-elements\/fig2-6","alt":"","author":"6981","description":"","caption":"","name":"fig2-6","status":"inherit","uploaded_to":1452762,"date":"2022-01-10 15:46:02","modified":"2022-01-10 15:46:02","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":825,"height":869,"sizes":{"thumbnail":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2022\/01\/fig2-2-213x200.png","thumbnail-width":213,"thumbnail-height":200,"medium":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2022\/01\/fig2-2.png","medium-width":248,"medium-height":261,"medium_large":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2022\/01\/fig2-2.png","medium_large-width":768,"medium_large-height":809,"large":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2022\/01\/fig2-2.png","large-width":825,"large-height":869,"1536x1536":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2022\/01\/fig2-2.png","1536x1536-width":825,"1536x1536-height":869,"2048x2048":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2022\/01\/fig2-2.png","2048x2048-width":825,"2048x2048-height":869,"card_image":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2022\/01\/fig2-2-441x465.png","card_image-width":441,"card_image-height":465,"wide_image":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2022\/01\/fig2-2.png","wide_image-width":825,"wide_image-height":869}},"image_position":"center","orientation":"horizontal","hyperlink":""},{"acf_fc_layout":"content","content":"<p>In this example we\u2019ll leverage the <strong>Schema()<\/strong> function to get all the information we need about the fields. The basic steps of this expression are as follows<\/p>\n<ul>\n<li>Filter out the fields we don\u2019t want to show (values that are null, and system fields) through the function <strong>filterValidFields<\/strong><\/li>\n<li>Once we have a list of field names we loop through the fields and then get their metadata (alias, field Type and whether they have a domain associated with the field with <strong>getFieldMetaData()<\/strong><\/li>\n<li>Do some basic formatting for Domains and Dates (<em><strong>Challenge: Can you alter the expression to also include number formatting?<\/strong><\/em>)<\/li>\n<li>Finally, we use that to build up the <strong>fieldInfos <\/strong>and <strong>attributes <\/strong>return object<\/li>\n<\/ul>\n<p>The end result should look just like a regular fields list but as you click from feature to feature fields will hide or show based on their value. From here you could adapt the example to better handle the field order you desire or apply further formatting.<\/p>\n<p>&nbsp;<\/p>\n"},{"acf_fc_layout":"image","image":{"ID":1452882,"id":1452882,"title":"fig3","filename":"fig3.png","filesize":75028,"url":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2022\/01\/fig3.png","link":"https:\/\/www.esri.com\/arcgis-blog\/products\/arcgis-online\/mapping\/part-2-introducing-arcade-pop-up-content-elements\/fig3-5","alt":"image showing the finished pop-up","author":"6981","description":"","caption":"","name":"fig3-5","status":"inherit","uploaded_to":1452762,"date":"2022-01-06 14:34:22","modified":"2022-01-06 14:34:31","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":490,"height":827,"sizes":{"thumbnail":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2022\/01\/fig3-213x200.png","thumbnail-width":213,"thumbnail-height":200,"medium":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2022\/01\/fig3.png","medium-width":155,"medium-height":261,"medium_large":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2022\/01\/fig3.png","medium_large-width":490,"medium_large-height":827,"large":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2022\/01\/fig3.png","large-width":490,"large-height":827,"1536x1536":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2022\/01\/fig3.png","1536x1536-width":490,"1536x1536-height":827,"2048x2048":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2022\/01\/fig3.png","2048x2048-width":490,"2048x2048-height":827,"card_image":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2022\/01\/fig3-276x465.png","card_image-width":276,"card_image-height":465,"wide_image":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2022\/01\/fig3.png","wide_image-width":490,"wide_image-height":827}},"image_position":"center","orientation":"horizontal","hyperlink":""},{"acf_fc_layout":"content","content":"<p>That&#8217;s all we have for Part 2, keep an eye out for more blogs and we can&#8217;t wait to see what you build next. Don\u2019t forget to head over to the<a href=\"https:\/\/developers.arcgis.com\/arcade\/guide\/profiles\/#popup-element\"> Arcade documentation<\/a> to learn more about this new profile.<\/p>\n"}],"authors":[{"ID":6981,"user_firstname":"Paul","user_lastname":"Barker","nickname":"Paul Barker","user_nicename":"pbarker_esri","display_name":"Paul Barker","user_email":"PBarker@esri.com","user_url":"http:\/\/www.arcgis.com","user_registered":"2018-03-02 00:19:05","user_description":"Product Engineer for ArcGIS Online and technology enthusiast.","user_avatar":"<img alt='' src='https:\/\/secure.gravatar.com\/avatar\/ca4f6dbef8cb6af4546310cabd3eb9a72816fbe0d68565c1e9531a955581ed13?s=96&#038;d=blank&#038;r=g' srcset='https:\/\/secure.gravatar.com\/avatar\/ca4f6dbef8cb6af4546310cabd3eb9a72816fbe0d68565c1e9531a955581ed13?s=192&#038;d=blank&#038;r=g 2x' class='avatar avatar-96 photo' height='96' width='96' loading='lazy' decoding='async'\/>"}],"related_articles":"","card_image":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2018\/12\/Card.png","wide_image":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2020\/06\/Banner-4.jpg"},"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>Part 2: Introducing Arcade pop-up content elements<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/www.esri.com\/arcgis-blog\/products\/arcgis-online\/mapping\/part-2-introducing-arcade-pop-up-content-elements\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Part 2: Introducing Arcade pop-up content elements\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.esri.com\/arcgis-blog\/products\/arcgis-online\/mapping\/part-2-introducing-arcade-pop-up-content-elements\" \/>\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=\"2024-11-01T07:15:40+00:00\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:site\" content=\"@ESRI\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":[\"Article\",\"BlogPosting\"],\"@id\":\"https:\/\/www.esri.com\/arcgis-blog\/products\/arcgis-online\/mapping\/part-2-introducing-arcade-pop-up-content-elements#article\",\"isPartOf\":{\"@id\":\"https:\/\/www.esri.com\/arcgis-blog\/products\/arcgis-online\/mapping\/part-2-introducing-arcade-pop-up-content-elements\"},\"author\":{\"name\":\"Paul Barker\",\"@id\":\"https:\/\/www.esri.com\/arcgis-blog\/#\/schema\/person\/846786f93743fa3bc93d8dfb0174351e\"},\"headline\":\"Part 2: Introducing Arcade pop-up content elements\",\"datePublished\":\"2022-01-06T17:07:51+00:00\",\"dateModified\":\"2024-11-01T07:15:40+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/www.esri.com\/arcgis-blog\/products\/arcgis-online\/mapping\/part-2-introducing-arcade-pop-up-content-elements\"},\"wordCount\":6,\"publisher\":{\"@id\":\"https:\/\/www.esri.com\/arcgis-blog\/#organization\"},\"keywords\":[\"ArcGIS Online\",\"pop-ups\",\"what's new december 2021\"],\"articleSection\":[\"Arcade\",\"Mapping\"],\"inLanguage\":\"en-US\"},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/www.esri.com\/arcgis-blog\/products\/arcgis-online\/mapping\/part-2-introducing-arcade-pop-up-content-elements\",\"url\":\"https:\/\/www.esri.com\/arcgis-blog\/products\/arcgis-online\/mapping\/part-2-introducing-arcade-pop-up-content-elements\",\"name\":\"Part 2: Introducing Arcade pop-up content elements\",\"isPartOf\":{\"@id\":\"https:\/\/www.esri.com\/arcgis-blog\/#website\"},\"datePublished\":\"2022-01-06T17:07:51+00:00\",\"dateModified\":\"2024-11-01T07:15:40+00:00\",\"breadcrumb\":{\"@id\":\"https:\/\/www.esri.com\/arcgis-blog\/products\/arcgis-online\/mapping\/part-2-introducing-arcade-pop-up-content-elements#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/www.esri.com\/arcgis-blog\/products\/arcgis-online\/mapping\/part-2-introducing-arcade-pop-up-content-elements\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/www.esri.com\/arcgis-blog\/products\/arcgis-online\/mapping\/part-2-introducing-arcade-pop-up-content-elements#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/www.esri.com\/arcgis-blog\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Part 2: Introducing Arcade pop-up content elements\"}]},{\"@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\/846786f93743fa3bc93d8dfb0174351e\",\"name\":\"Paul Barker\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/www.esri.com\/arcgis-blog\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/ca4f6dbef8cb6af4546310cabd3eb9a72816fbe0d68565c1e9531a955581ed13?s=96&d=blank&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/ca4f6dbef8cb6af4546310cabd3eb9a72816fbe0d68565c1e9531a955581ed13?s=96&d=blank&r=g\",\"caption\":\"Paul Barker\"},\"description\":\"Product Engineer for ArcGIS Online and technology enthusiast.\",\"sameAs\":[\"http:\/\/www.arcgis.com\"],\"url\":\"https:\/\/www.esri.com\/arcgis-blog\/author\/pbarker_esri\"}]}<\/script>\n<!-- \/ Yoast SEO Premium plugin. -->","yoast_head_json":{"title":"Part 2: Introducing Arcade pop-up content elements","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\/arcgis-online\/mapping\/part-2-introducing-arcade-pop-up-content-elements","og_locale":"en_US","og_type":"article","og_title":"Part 2: Introducing Arcade pop-up content elements","og_url":"https:\/\/www.esri.com\/arcgis-blog\/products\/arcgis-online\/mapping\/part-2-introducing-arcade-pop-up-content-elements","og_site_name":"ArcGIS Blog","article_publisher":"https:\/\/www.facebook.com\/esrigis\/","article_modified_time":"2024-11-01T07:15:40+00:00","twitter_card":"summary_large_image","twitter_site":"@ESRI","schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":["Article","BlogPosting"],"@id":"https:\/\/www.esri.com\/arcgis-blog\/products\/arcgis-online\/mapping\/part-2-introducing-arcade-pop-up-content-elements#article","isPartOf":{"@id":"https:\/\/www.esri.com\/arcgis-blog\/products\/arcgis-online\/mapping\/part-2-introducing-arcade-pop-up-content-elements"},"author":{"name":"Paul Barker","@id":"https:\/\/www.esri.com\/arcgis-blog\/#\/schema\/person\/846786f93743fa3bc93d8dfb0174351e"},"headline":"Part 2: Introducing Arcade pop-up content elements","datePublished":"2022-01-06T17:07:51+00:00","dateModified":"2024-11-01T07:15:40+00:00","mainEntityOfPage":{"@id":"https:\/\/www.esri.com\/arcgis-blog\/products\/arcgis-online\/mapping\/part-2-introducing-arcade-pop-up-content-elements"},"wordCount":6,"publisher":{"@id":"https:\/\/www.esri.com\/arcgis-blog\/#organization"},"keywords":["ArcGIS Online","pop-ups","what's new december 2021"],"articleSection":["Arcade","Mapping"],"inLanguage":"en-US"},{"@type":"WebPage","@id":"https:\/\/www.esri.com\/arcgis-blog\/products\/arcgis-online\/mapping\/part-2-introducing-arcade-pop-up-content-elements","url":"https:\/\/www.esri.com\/arcgis-blog\/products\/arcgis-online\/mapping\/part-2-introducing-arcade-pop-up-content-elements","name":"Part 2: Introducing Arcade pop-up content elements","isPartOf":{"@id":"https:\/\/www.esri.com\/arcgis-blog\/#website"},"datePublished":"2022-01-06T17:07:51+00:00","dateModified":"2024-11-01T07:15:40+00:00","breadcrumb":{"@id":"https:\/\/www.esri.com\/arcgis-blog\/products\/arcgis-online\/mapping\/part-2-introducing-arcade-pop-up-content-elements#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.esri.com\/arcgis-blog\/products\/arcgis-online\/mapping\/part-2-introducing-arcade-pop-up-content-elements"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/www.esri.com\/arcgis-blog\/products\/arcgis-online\/mapping\/part-2-introducing-arcade-pop-up-content-elements#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/www.esri.com\/arcgis-blog\/"},{"@type":"ListItem","position":2,"name":"Part 2: Introducing Arcade pop-up content elements"}]},{"@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\/846786f93743fa3bc93d8dfb0174351e","name":"Paul Barker","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.esri.com\/arcgis-blog\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/ca4f6dbef8cb6af4546310cabd3eb9a72816fbe0d68565c1e9531a955581ed13?s=96&d=blank&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/ca4f6dbef8cb6af4546310cabd3eb9a72816fbe0d68565c1e9531a955581ed13?s=96&d=blank&r=g","caption":"Paul Barker"},"description":"Product Engineer for ArcGIS Online and technology enthusiast.","sameAs":["http:\/\/www.arcgis.com"],"url":"https:\/\/www.esri.com\/arcgis-blog\/author\/pbarker_esri"}]}},"text_date":"January 6, 2022","author_name":"Paul Barker","author_page":"https:\/\/www.esri.com\/arcgis-blog\/author\/pbarker_esri","custom_image":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2020\/06\/Banner-4.jpg","primary_product":"ArcGIS Online","tag_data":[{"term_id":42641,"name":"ArcGIS Online","slug":"arcgis-online","term_group":0,"term_taxonomy_id":42641,"taxonomy":"post_tag","description":"","parent":0,"count":420,"filter":"raw"},{"term_id":28061,"name":"pop-ups","slug":"pop-ups","term_group":0,"term_taxonomy_id":28061,"taxonomy":"post_tag","description":"","parent":0,"count":39,"filter":"raw"},{"term_id":762272,"name":"what's new december 2021","slug":"whats-new-december-2021","term_group":0,"term_taxonomy_id":762272,"taxonomy":"post_tag","description":"","parent":0,"count":25,"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"},{"term_id":22941,"name":"Mapping","slug":"mapping","term_group":0,"term_taxonomy_id":22941,"taxonomy":"category","description":"","parent":0,"count":2690,"filter":"raw"}],"product_data":[{"term_id":36551,"name":"ArcGIS Online","slug":"arcgis-online","term_group":0,"term_taxonomy_id":36551,"taxonomy":"product","description":"","parent":0,"count":2427,"filter":"raw"}],"primary_product_link":"https:\/\/www.esri.com\/arcgis-blog\/?s=#&products=arcgis-online","_links":{"self":[{"href":"https:\/\/www.esri.com\/arcgis-blog\/wp-json\/wp\/v2\/blog\/1452762","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\/6981"}],"replies":[{"embeddable":true,"href":"https:\/\/www.esri.com\/arcgis-blog\/wp-json\/wp\/v2\/comments?post=1452762"}],"version-history":[{"count":0,"href":"https:\/\/www.esri.com\/arcgis-blog\/wp-json\/wp\/v2\/blog\/1452762\/revisions"}],"wp:attachment":[{"href":"https:\/\/www.esri.com\/arcgis-blog\/wp-json\/wp\/v2\/media?parent=1452762"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.esri.com\/arcgis-blog\/wp-json\/wp\/v2\/categories?post=1452762"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.esri.com\/arcgis-blog\/wp-json\/wp\/v2\/tags?post=1452762"},{"taxonomy":"industry","embeddable":true,"href":"https:\/\/www.esri.com\/arcgis-blog\/wp-json\/wp\/v2\/industry?post=1452762"},{"taxonomy":"product","embeddable":true,"href":"https:\/\/www.esri.com\/arcgis-blog\/wp-json\/wp\/v2\/product?post=1452762"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}