{"id":1780332,"date":"2022-12-06T13:11:51","date_gmt":"2022-12-06T21:11:51","guid":{"rendered":"https:\/\/www.esri.com\/arcgis-blog\/?post_type=blog&#038;p=1780332"},"modified":"2024-04-12T03:23:22","modified_gmt":"2024-04-12T10:23:22","slug":"browsing-related-records-with-the-arcgis-api-for-javascript","status":"publish","type":"blog","link":"https:\/\/www.esri.com\/arcgis-blog\/products\/js-api-arcgis\/developers\/browsing-related-records-with-the-arcgis-api-for-javascript","title":{"rendered":"Browsing Related Records with the ArcGIS API for JavaScript"},"author":293472,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"open","ping_status":"closed","template":"","format":"standard","meta":{"_acf_changed":false,"_searchwp_excluded":""},"categories":[738191],"tags":[768012,27491,767002],"industry":[],"product":[761642,36831,36601],"class_list":["post-1780332","blog","type-blog","status-publish","format-standard","hentry","category-developers","tag-4-25","tag-jsapi4","tag-whats-new-november-2022","product-platform","product-js-api-arcgis","product-developers"],"acf":{"authors":[{"ID":293472,"user_firstname":"Lauren","user_lastname":"Boyd","nickname":"Lauren Boyd","user_nicename":"lauren-boyd","display_name":"Lauren Boyd","user_email":"LBoyd@esri.com","user_url":"https:\/\/github.com\/lboyd93","user_registered":"2021-11-20 01:01:42","user_description":"Lauren is a Senior Product Engineer on the ArcGIS Maps SDK for JavaScript team in Redlands, CA with her work focusing primarily on popups and security. She has worked at Esri for over 8 years and enjoys helping\/supporting geo-developers utilize the JavaScript Maps SDK into their awesome applications.","user_avatar":"<img data-del=\"avatar\" src='https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2022\/12\/LaurenBoydBlogCropped-213x200.png' class='avatar pp-user-avatar avatar-96 photo ' height='96' width='96'\/>"}],"short_description":"Learn how to configure browsing related records within pop-ups in your ArcGIS API for JavaScript applications.","flexible_content":[{"acf_fc_layout":"content","content":"<p>Relationships are essential in life whether they are personal with family or friends, work related with colleagues, etc. The same goes for relationships within your geographical data. Version 4.25 of the ArcGIS API for JavaScript (ArcGIS JS API) introduced a way to browse your data&#8217;s relationships through a feature&#8217;s pop-up. This is done through the <a href=\"https:\/\/developers.arcgis.com\/javascript\/latest\/api-reference\/esri-popup-content-RelationshipContent.html\">RelationshipContent<\/a> element. The <a href=\"https:\/\/en.wikipedia.org\/wiki\/2022_FIFA_World_Cup\">FIFA World Cup Qatar 2022<\/a> tournament has begun, so let\u2019s explore an application that browses FIFA World Cup relationships!<\/p>\n"},{"acf_fc_layout":"image","image":{"ID":1783402,"id":1783402,"title":"Related Records App","filename":"App.png","filesize":2340508,"url":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2022\/11\/App.png","link":"https:\/\/www.esri.com\/arcgis-blog\/products\/js-api-arcgis\/developers\/browsing-related-records-with-the-arcgis-api-for-javascript\/app-6","alt":"Related Records App","author":"293472","description":"","caption":"World countries and FIFA World Cup highest capacity stadiums from 1930-2018.","name":"app-6","status":"inherit","uploaded_to":1780332,"date":"2022-11-29 21:00:15","modified":"2022-11-29 21:01:50","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":1920,"height":975,"sizes":{"thumbnail":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2022\/11\/App-213x200.png","thumbnail-width":213,"thumbnail-height":200,"medium":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2022\/11\/App.png","medium-width":464,"medium-height":236,"medium_large":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2022\/11\/App.png","medium_large-width":768,"medium_large-height":390,"large":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2022\/11\/App.png","large-width":1920,"large-height":975,"1536x1536":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2022\/11\/App-1536x780.png","1536x1536-width":1536,"1536x1536-height":780,"2048x2048":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2022\/11\/App.png","2048x2048-width":1920,"2048x2048-height":975,"card_image":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2022\/11\/App-826x419.png","card_image-width":826,"card_image-height":419,"wide_image":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2022\/11\/App.png","wide_image-width":1920,"wide_image-height":975}},"image_position":"center","orientation":"horizontal","hyperlink":"https:\/\/lboyd93.github.io\/fifa-world-cup\/"},{"acf_fc_layout":"sidebar","content":"<p>Before digging into this article, I recommend reading the following article that shows how related records can be authored in pop-ups using the ArcGIS Online MapViewer and introduces the related records user interface (UI):<\/p>\n<ul>\n<li><a href=\"https:\/\/www.esri.com\/arcgis-blog\/products\/arcgis-online\/mapping\/rolling-out-related-records-in-map-viewer\/\">Rolling Out Related Records in Map Viewer<\/a><\/li>\n<\/ul>\n","image_reference":false,"layout":"standard","image_reference_figure":"","snippet":"","spotlight_name":"","section_title":"","position":"Center","spotlight_image":false},{"acf_fc_layout":"content","content":"<h1>What are relationships within ArcGIS?<\/h1>\n<p>Let\u2019s begin by defining what relationships are within the ArcGIS System. Relationships provide a way to associate features and records with one another without being in the same layer or table while helping to enforce data integrity. The primary motivation for modelling geographic (or any data) with relationships is to support cardinality. A relationship&#8217;s cardinality specifies the number of objects in the origin class that can relate to a number of objects in the destination class. For example, a country may have one, none, or many past or present FIFA stadiums.<\/p>\n<p>Relationships can be created between different data sources, such as:<\/p>\n<ul>\n<li>A layer can relate to another layer. For example, a stadium can relate to the country it resides in.<\/li>\n<li>A layer can relate to a non-spatial table. For example, a country can relate to its World Cup statistics.<\/li>\n<li>A non-spatial table can relate to another non-spatial table. For example, information on a soccer player can relate to their statistics and ranking.<\/li>\n<\/ul>\n<p>To learn more about relationships and why they are important, see the <a href=\"https:\/\/pro.arcgis.com\/en\/pro-app\/latest\/help\/data\/relationships\/relationships-and-arcgis.htm\">ArcGIS Pro documentation<\/a>.<\/p>\n<h2>Creating relationships<\/h2>\n<p>To browse related records in web applications, relationships need to be created prior to publishing your data using the <a href=\"https:\/\/pro.arcgis.com\/en\/pro-app\/latest\/tool-reference\/data-management\/create-relationship-class.htm\">Create Relationship Class tool<\/a> in ArcGIS Pro.<\/p>\n<p>For the World Cup app, I used\u00a0the <a href=\"https:\/\/livingatlas.arcgis.com\/en\/home\/\">ArcGIS Living Atlas<\/a> countries* layer and created:<\/p>\n<ul>\n<li>A feature layer that contains the largest (highest capacity) stadiums for each year.<\/li>\n<li>A table with statistics of the FIFA World Cup tournaments from 1930-2018.<\/li>\n<\/ul>\n<p>Below is a table showing the details of the relationships created using the Create Relationship Class tool in ArcGIS Pro between those layers\/table:<\/p>\n"},{"acf_fc_layout":"image","image":{"ID":1781952,"id":1781952,"title":"relationships","filename":"relationships.png","filesize":28489,"url":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2022\/11\/relationships.png","link":"https:\/\/www.esri.com\/arcgis-blog\/products\/js-api-arcgis\/developers\/browsing-related-records-with-the-arcgis-api-for-javascript\/relationships-3","alt":"Relationship information","author":"293472","description":"","caption":"Table showing the relationships between the FIFA World Cup data.","name":"relationships-3","status":"inherit","uploaded_to":1780332,"date":"2022-11-28 19:22:37","modified":"2022-11-29 20:47:53","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":1069,"height":143,"sizes":{"thumbnail":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2022\/11\/relationships-213x143.png","thumbnail-width":213,"thumbnail-height":143,"medium":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2022\/11\/relationships.png","medium-width":464,"medium-height":62,"medium_large":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2022\/11\/relationships.png","medium_large-width":768,"medium_large-height":103,"large":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2022\/11\/relationships.png","large-width":1069,"large-height":143,"1536x1536":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2022\/11\/relationships.png","1536x1536-width":1069,"1536x1536-height":143,"2048x2048":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2022\/11\/relationships.png","2048x2048-width":1069,"2048x2048-height":143,"card_image":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2022\/11\/relationships-826x110.png","card_image-width":826,"card_image-height":110,"wide_image":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2022\/11\/relationships.png","wide_image-width":1069,"wide_image-height":143}},"image_position":"center","orientation":"horizontal","hyperlink":""},{"acf_fc_layout":"content","content":"<p>In this blog, we will focus on how to configure the pop-up to display the second relationship from the table above: the Countries layer and the World Cup Winners 1930-2018 table.<\/p>\n<p>After creating the relationships in ArcGIS Pro, confirm all layers\/tables participating in the relationship are in the map and publish everything to ArcGIS Online. Note, viewing related records within pop-ups is only supported for hosted layers starting at version 4.25.<\/p>\n<p><i>* It must be noted that this demonstration only shows current nations. Former countries like Yugoslavia which came fourth in 1930 and 1962 are not shown.<\/i><\/p>\n<h1>Related Records and the ArcGIS JS API<\/h1>\n<p>Once the data is published, the app can be configured to display the related information with the new <a href=\"https:\/\/developers.arcgis.com\/javascript\/latest\/api-reference\/esri-PopupTemplate.html\">PopupTemplate<\/a> content type, <a href=\"https:\/\/developers.arcgis.com\/javascript\/latest\/api-reference\/esri-popup-content-RelationshipContent.html\">RelationshipContent<\/a>. To display information from the World Cup Winner 1930-2018 table data within the Countries layer\u2019s pop-up, relationship content needs to be added to the content property on the countries layer pop-up template.<\/p>\n<h2>Add Related Layers\/Tables to the Map<\/h2>\n<p>Prior to adding the relationship content, the layers and tables participating in the relationship must be added to the map. If the related layers\/tables are missing, an error message will appear in the UI of the pop-up:<\/p>\n"},{"acf_fc_layout":"image","image":{"ID":1783682,"id":1783682,"title":"Relationship Not Found Error.","filename":"Error.png","filesize":16873,"url":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2022\/11\/Error.png","link":"https:\/\/www.esri.com\/arcgis-blog\/products\/js-api-arcgis\/developers\/browsing-related-records-with-the-arcgis-api-for-javascript\/error-2","alt":"Error-Relationship not found in the map.","author":"293472","description":"","caption":"Error message when the relationship is not found in the map.","name":"error-2","status":"inherit","uploaded_to":1780332,"date":"2022-11-29 23:04:02","modified":"2022-11-29 23:04:53","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":575,"height":149,"sizes":{"thumbnail":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2022\/11\/Error-213x149.png","thumbnail-width":213,"thumbnail-height":149,"medium":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2022\/11\/Error.png","medium-width":464,"medium-height":120,"medium_large":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2022\/11\/Error.png","medium_large-width":575,"medium_large-height":149,"large":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2022\/11\/Error.png","large-width":575,"large-height":149,"1536x1536":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2022\/11\/Error.png","1536x1536-width":575,"1536x1536-height":149,"2048x2048":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2022\/11\/Error.png","2048x2048-width":575,"2048x2048-height":149,"card_image":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2022\/11\/Error.png","card_image-width":575,"card_image-height":149,"wide_image":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2022\/11\/Error.png","wide_image-width":575,"wide_image-height":149}},"image_position":"center","orientation":"horizontal","hyperlink":""},{"acf_fc_layout":"content","content":"<p>The code below shows how to add the countries layer and the World Cup Winner table with a specific field list configured in its pop-up:<\/p>\n<pre><code style=\"padding: 0.5em; color: #333; background: #f8f8f8;\"><span style=\"color: #998; font-style: italic;\">\/\/ Create the world countries layer and add a renderer.<\/span>\r\n<span style=\"color: #333; font-weight: bold;\">const<\/span> countriesLayer = <span style=\"color: #333; font-weight: bold;\">new<\/span> FeatureLayer({\r\n  url: <span style=\"color: #d14;\">\"https:\/\/services.arcgis.com\/V6ZHFr6zdgNZuVG0\/arcgis\/rest\/services\/FIFA_World_Cup\/FeatureServer\/1\"<\/span>,\r\n  title: <span style=\"color: #d14;\">\"World Countries Generalized\"<\/span>,\r\n  <span style=\"color: #998; font-style: italic;\">\/\/ ... other layer properties<\/span>\r\n});\r\n<span style=\"color: #998; font-style: italic;\">\/\/ Add the countries layer to the map.<\/span>\r\nmap.layers.add(countriesLayer);\r\n<span style=\"color: #998; font-style: italic;\">\/\/ Create the non-spatial table containing FIFA World Cup standings and stats.<\/span>\r\n<span style=\"color: #333; font-weight: bold;\">const<\/span> winnersTable = <span style=\"color: #333; font-weight: bold;\">new<\/span> FeatureLayer({\r\n  url: <span style=\"color: #d14;\">\"https:\/\/services.arcgis.com\/V6ZHFr6zdgNZuVG0\/arcgis\/rest\/services\/FIFA_World_Cup\/FeatureServer\/2\"<\/span>,\r\n  title: <span style=\"color: #d14;\">\"Country Statistics\"<\/span>,\r\n  popupTemplate: {\r\n    title: <span style=\"color: #d14;\">\"FIFA World Cup {Year} Standings in {Host}\"<\/span>,\r\n    outFields: [<span style=\"color: #d14;\">\"*\"<\/span>],\r\n    \/\/ Add the fields to the FieldInfos\r\n    fieldInfos: [\r\n      {\r\n        fieldName: <span style=\"color: #d14;\">\"First\"<\/span>\r\n      },\r\n      {\r\n        fieldName: <span style=\"color: #d14;\">\"Second\"<\/span>\r\n      },\r\n      {\r\n        fieldName: <span style=\"color: #d14;\">\"Third\"<\/span>\r\n      },\r\n      {\r\n        fieldName: <span style=\"color: #d14;\">\"Fourth\"<\/span>\r\n      },\r\n      {\r\n        fieldName: <span style=\"color: #d14;\">\"TopScorer\"<\/span>,\r\n        label: <span style=\"color: #d14;\">\"Top scorers and number of goals\"<\/span>\r\n      },\r\n      {\r\n        fieldName: <span style=\"color: #d14;\">\"BestPlayerAward\"<\/span>,\r\n        label: <span style=\"color: #d14;\">\"Best player award\"<\/span>\r\n      }\r\n    ],\r\n    content: [\r\n      \/\/ Add FieldsContent via autocasting\r\n      {\r\n        type: <span style=\"color: #d14;\">\"fields\"<\/span>\r\n      }\r\n    ]\r\n  }\r\n});\r\n<span style=\"color: #998; font-style: italic;\">\/\/ Load the non-spatial table and add it to the map's tables.<\/span>\r\nwinnersTable.load().then(() =&gt; {\r\n  map.tables.add(winnersTable);\r\n});<\/code><\/pre>\n<h2>Add Relationship Content<\/h2>\n<p>Once the layers are added and the statistics table pop-up template is configured, the relationship content can be created with the required properties:<\/p>\n<ul>\n<li><a href=\"https:\/\/developers.arcgis.com\/javascript\/latest\/api-reference\/esri-popup-content-RelationshipContent.html#relationshipId\">relationshipId<\/a>: The relationship\u2019s numeric value. To find this value, see the <a href=\"https:\/\/services.arcgis.com\/V6ZHFr6zdgNZuVG0\/arcgis\/rest\/services\/FIFA_World_Cup\/FeatureServer\/1\">layer resource<\/a> relationships section on the feature service:<\/li>\n<\/ul>\n"},{"acf_fc_layout":"image","image":{"ID":1780962,"id":1780962,"title":"layer-resource-relationship","filename":"layer-resource-relationship.png","filesize":49224,"url":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2022\/11\/layer-resource-relationship.png","link":"https:\/\/www.esri.com\/arcgis-blog\/products\/js-api-arcgis\/developers\/browsing-related-records-with-the-arcgis-api-for-javascript\/layer-resource-relationship","alt":"Relationships Layer Resource","author":"293472","description":"","caption":"Relationship information for countries layer on the service.","name":"layer-resource-relationship","status":"inherit","uploaded_to":1780332,"date":"2022-11-23 21:55:29","modified":"2022-11-29 20:51:26","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":1598,"height":210,"sizes":{"thumbnail":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2022\/11\/layer-resource-relationship-213x200.png","thumbnail-width":213,"thumbnail-height":200,"medium":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2022\/11\/layer-resource-relationship.png","medium-width":464,"medium-height":61,"medium_large":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2022\/11\/layer-resource-relationship.png","medium_large-width":768,"medium_large-height":101,"large":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2022\/11\/layer-resource-relationship.png","large-width":1598,"large-height":210,"1536x1536":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2022\/11\/layer-resource-relationship-1536x202.png","1536x1536-width":1536,"1536x1536-height":202,"2048x2048":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2022\/11\/layer-resource-relationship.png","2048x2048-width":1598,"2048x2048-height":210,"card_image":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2022\/11\/layer-resource-relationship-826x109.png","card_image-width":826,"card_image-height":109,"wide_image":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2022\/11\/layer-resource-relationship.png","wide_image-width":1598,"wide_image-height":210}},"image_position":"center","orientation":"horizontal","hyperlink":"https:\/\/services.arcgis.com\/V6ZHFr6zdgNZuVG0\/arcgis\/rest\/services\/FIFA_World_Cup\/FeatureServer\/1"},{"acf_fc_layout":"content","content":"<ul>\n<li><a href=\"https:\/\/developers.arcgis.com\/javascript\/latest\/api-reference\/esri-popup-content-RelationshipContent.html#title\">title<\/a>: A title specifying the related information we are showing. In this case, we will be displaying the number of times a country has won first place out of all the past tournaments so the title will be \u201cVictories\u201d.<\/li>\n<li><a href=\"https:\/\/developers.arcgis.com\/javascript\/latest\/api-reference\/esri-popup-content-RelationshipContent.html#description\">description<\/a>: A short overview of the story the related information will be telling.<\/li>\n<li><a href=\"https:\/\/developers.arcgis.com\/javascript\/latest\/api-reference\/esri-popup-content-RelationshipContent.html#displayCount\">displayCount<\/a>: The number of related records displayed in the list. The minimum is 0 and maximum is 10.<\/li>\n<li><a href=\"https:\/\/developers.arcgis.com\/javascript\/latest\/api-reference\/esri-popup-content-RelationshipContent.html#orderByFields\">orderByFields<\/a>: This property allows you to specify a field value to order the list of related records by. In this example, we will order the list of tournaments descending by year.<\/li>\n<\/ul>\n<p>The code below creates a new RelationshipContent object using autocasting and adds the object to the pop-up template content:<\/p>\n<pre><code style=\"padding: 0.5em; color: #333; background: #f8f8f8;\">countriesLayer.popupTemplate.content = [\r\n  {\r\n    type: <span style=\"color: #d14;\">\"relationship\"<\/span>,\r\n    \/\/ Relationship ID on the feature service is 1\r\n    relationshipId: <span style=\"color: #008080;\">1<\/span>,\r\n    title: <span style=\"color: #d14;\">\"Victories\"<\/span>,\r\n    description:\r\n      <span style=\"color: #d14;\">\"Every FIFA World Cup tournament {COUNTRY} has won first place\r\n       in from 1930-2018 ordered by most recent.\"<\/span>,\r\n    displayCount: <span style=\"color: #008080;\">2<\/span>,\r\n    \/\/ Orders the related records by the year the tournament was held\r\n    \/\/ by most recent to oldest\r\n    orderByFields: [\r\n      {\r\n        field: <span style=\"color: #d14;\">\"YEAR\"<\/span>,\r\n        order: <span style=\"color: #d14;\">\"desc\"<\/span>\r\n      }\r\n    ]\r\n  }\r\n];<\/code><\/pre>\n<p>Once added to the pop-up template, the related records of the selected feature can be explored within the pop-up! The images below show Brazil&#8217;s pop-up and what the pop-up looks like when selecting a related feature. In this case, Brazil\u2019s victory in the 2002 world cup hosted in South Korea and Japan was selected from the list of related records:<\/p>\n"},{"acf_fc_layout":"image","image":{"ID":1782542,"id":1782542,"title":"Chart","filename":"Chart.png","filesize":76323,"url":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2022\/11\/Chart.png","link":"https:\/\/www.esri.com\/arcgis-blog\/products\/js-api-arcgis\/developers\/browsing-related-records-with-the-arcgis-api-for-javascript\/chart-18","alt":"Popup chart","author":"293472","description":"","caption":"User interface of origin feature and destination feature.","name":"chart-18","status":"inherit","uploaded_to":1780332,"date":"2022-11-29 01:56:13","modified":"2022-11-29 20:51:59","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":1088,"height":509,"sizes":{"thumbnail":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2022\/11\/Chart-213x200.png","thumbnail-width":213,"thumbnail-height":200,"medium":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2022\/11\/Chart.png","medium-width":464,"medium-height":217,"medium_large":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2022\/11\/Chart.png","medium_large-width":768,"medium_large-height":359,"large":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2022\/11\/Chart.png","large-width":1088,"large-height":509,"1536x1536":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2022\/11\/Chart.png","1536x1536-width":1088,"1536x1536-height":509,"2048x2048":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2022\/11\/Chart.png","2048x2048-width":1088,"2048x2048-height":509,"card_image":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2022\/11\/Chart-826x386.png","card_image-width":826,"card_image-height":386,"wide_image":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2022\/11\/Chart.png","wide_image-width":1088,"wide_image-height":509}},"image_position":"center","orientation":"horizontal","hyperlink":""},{"acf_fc_layout":"content","content":"<p>Note that the pop-up template that was configured for the related table displays within countries pop-up. It&#8217;s that simple to add related records within pop-ups using the ArcGIS JS API!<\/p>\n<h2>But wait.. there is more content!<\/h2>\n<p>Multiple relationships and\/or different types of <a href=\"https:\/\/developers.arcgis.com\/javascript\/latest\/api-reference\/esri-popup-content.html\">content<\/a> can be added to the pop-up template depending on the story that&#8217;s being told through data exploration. In the completed <a href=\"https:\/\/lboyd93.github.io\/fifa-world-cup\/\">FIFA World Cup app<\/a>, the countries pop-up template is configured with <a href=\"https:\/\/developers.arcgis.com\/javascript\/latest\/api-reference\/esri-popup-content-CustomContent.html\">custom content<\/a> that queries the related table for statistics and both <a href=\"https:\/\/developers.arcgis.com\/javascript\/latest\/api-reference\/esri-popup-content-RelationshipContent.html\">relationships<\/a> in the table above.<\/p>\n"},{"acf_fc_layout":"image","image":{"ID":1784742,"id":1784742,"title":"Brazil Pop-up","filename":"completed-content.png","filesize":65205,"url":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2022\/11\/completed-content.png","link":"https:\/\/www.esri.com\/arcgis-blog\/products\/js-api-arcgis\/developers\/browsing-related-records-with-the-arcgis-api-for-javascript\/completed-content","alt":"Brazil Pop-up","author":"293472","description":"Pop-up for Brazil that contains CustomContent and RelationshipContent for both relationships.","caption":"Pop-up for Brazil that contains CustomContent and RelationshipContent for both relationships.","name":"completed-content","status":"inherit","uploaded_to":1780332,"date":"2022-11-30 21:07:42","modified":"2022-11-30 21:09: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":506,"height":709,"sizes":{"thumbnail":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2022\/11\/completed-content-213x200.png","thumbnail-width":213,"thumbnail-height":200,"medium":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2022\/11\/completed-content.png","medium-width":186,"medium-height":261,"medium_large":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2022\/11\/completed-content.png","medium_large-width":506,"medium_large-height":709,"large":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2022\/11\/completed-content.png","large-width":506,"large-height":709,"1536x1536":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2022\/11\/completed-content.png","1536x1536-width":506,"1536x1536-height":709,"2048x2048":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2022\/11\/completed-content.png","2048x2048-width":506,"2048x2048-height":709,"card_image":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2022\/11\/completed-content-332x465.png","card_image-width":332,"card_image-height":465,"wide_image":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2022\/11\/completed-content.png","wide_image-width":506,"wide_image-height":709}},"image_position":"center","orientation":"horizontal","hyperlink":""},{"acf_fc_layout":"content","content":"<h1>Best practices<\/h1>\n<ul>\n<li>The related layer or table must be added to the map to be able to configure relationship content. If the one of the layers\/tables that is participating in the relationship is not added to the map, an error will show in the UI.<\/li>\n<li>Due to the relationship content adding a large UI to the pop-up, to improve legibility it may be more convenient to dock the pop-up to one side of the browser.<\/li>\n<\/ul>\n<h1>What\u2019s Next?<\/h1>\n<p>Viewing related records is just the beginning of what is to come. In future releases of the ArcGIS API for JavaScript, we plan to support:<\/p>\n<ul>\n<li>Editing related records with the Editor widget and within the pop-up<\/li>\n<li>Viewing related records for ArcGIS Enterprise hosted and non-hosted services<\/li>\n<li>Viewing related records within the <a href=\"https:\/\/developers.arcgis.com\/javascript\/latest\/api-reference\/esri-widgets-FeatureTable.html\">FeatureTable<\/a><\/li>\n<li>Actions that navigate you to related features<\/li>\n<\/ul>\n"},{"acf_fc_layout":"content","content":"<h1>Conclusion<\/h1>\n<p>Supporting related records in feature pop-ups is quick and easy with the ArcGIS JS API and opens up so many possibilities for data exploration in your applications.<\/p>\n<p>If you\u2019d like to play around with the code shown in this blog, or would like to browse historic FIFA World Cup statistics, check out the <a href=\"https:\/\/lboyd93.github.io\/fifa-world-cup\/\">live application<\/a> and <a href=\"https:\/\/github.com\/lboyd93\/fifa-world-cup\">source code<\/a>. If soccer(futbol) is not your thing, don\u2019t worry. Take a look at <a title=\"https:\/\/developers.arcgis.com\/javascript\/latest\/sample-code\/popuptemplate-browse-related-records\/\" href=\"https:\/\/developers.arcgis.com\/javascript\/latest\/sample-code\/popuptemplate-browse-related-records\/\">this<\/a> sample that uses relationships to link Californian administrative areas to wildfires.<\/p>\n"}],"related_articles":[{"ID":1743462,"post_author":"319692","post_date":"2022-11-09 22:25:51","post_date_gmt":"2022-11-10 06:25:51","post_content":"","post_title":"Rolling Out Related Records in Map Viewer","post_excerpt":"","post_status":"publish","comment_status":"closed","ping_status":"closed","post_password":"","post_name":"rolling-out-related-records-in-map-viewer","to_ping":"","pinged":"","post_modified":"2022-11-10 19:38:44","post_modified_gmt":"2022-11-11 03:38:44","post_content_filtered":"","post_parent":0,"guid":"https:\/\/www.esri.com\/arcgis-blog\/?post_type=blog&#038;p=1743462","menu_order":0,"post_type":"blog","post_mime_type":"","comment_count":"0","filter":"raw"},{"ID":1760672,"post_author":"4271","post_date":"2022-11-09 21:14:01","post_date_gmt":"2022-11-10 05:14:01","post_content":"","post_title":"What's new in ArcGIS API for JavaScript (v4.25)","post_excerpt":"","post_status":"publish","comment_status":"open","ping_status":"closed","post_password":"","post_name":"whats-new-in-arcgis-api-for-javascript-v4-25","to_ping":"","pinged":"","post_modified":"2024-04-12 03:26:19","post_modified_gmt":"2024-04-12 10:26:19","post_content_filtered":"","post_parent":0,"guid":"https:\/\/www.esri.com\/arcgis-blog\/?post_type=blog&#038;p=1760672","menu_order":0,"post_type":"blog","post_mime_type":"","comment_count":"0","filter":"raw"},{"ID":1773562,"post_author":"10062","post_date":"2022-11-17 15:40:10","post_date_gmt":"2022-11-17 23:40:10","post_content":"","post_title":"Join us for a live discussion: What's new in the ArcGIS API for JavaScript, v4.25","post_excerpt":"","post_status":"publish","comment_status":"open","ping_status":"closed","post_password":"","post_name":"4-25-livestream","to_ping":"","pinged":"","post_modified":"2024-04-12 03:24:06","post_modified_gmt":"2024-04-12 10:24:06","post_content_filtered":"","post_parent":0,"guid":"https:\/\/www.esri.com\/arcgis-blog\/?post_type=blog&#038;p=1773562","menu_order":0,"post_type":"blog","post_mime_type":"","comment_count":"1","filter":"raw"},{"ID":1732112,"post_author":"7641","post_date":"2022-11-09 22:17:08","post_date_gmt":"2022-11-10 06:17:08","post_content":"","post_title":"What's new in ArcGIS Online (November 2022)","post_excerpt":"","post_status":"publish","comment_status":"closed","ping_status":"closed","post_password":"","post_name":"whats-new-arcgis-online-november-2022","to_ping":"","pinged":"","post_modified":"2022-11-17 14:18:37","post_modified_gmt":"2022-11-17 22:18:37","post_content_filtered":"","post_parent":0,"guid":"https:\/\/www.esri.com\/arcgis-blog\/?post_type=blog&#038;p=1732112","menu_order":0,"post_type":"blog","post_mime_type":"","comment_count":"0","filter":"raw"}],"card_image":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2022\/11\/Banner-2.png","wide_image":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2022\/11\/WideBanner-1.png"},"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>Browsing Related Records with the ArcGIS API for JavaScript<\/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\/js-api-arcgis\/developers\/browsing-related-records-with-the-arcgis-api-for-javascript\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Browsing Related Records with the ArcGIS API for JavaScript\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.esri.com\/arcgis-blog\/products\/js-api-arcgis\/developers\/browsing-related-records-with-the-arcgis-api-for-javascript\" \/>\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-04-12T10:23:22+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\/js-api-arcgis\/developers\/browsing-related-records-with-the-arcgis-api-for-javascript#article\",\"isPartOf\":{\"@id\":\"https:\/\/www.esri.com\/arcgis-blog\/products\/js-api-arcgis\/developers\/browsing-related-records-with-the-arcgis-api-for-javascript\"},\"author\":{\"name\":\"Lauren Boyd\",\"@id\":\"https:\/\/www.esri.com\/arcgis-blog\/#\/schema\/person\/a93d293a2435834e9f0af1fc378528a1\"},\"headline\":\"Browsing Related Records with the ArcGIS API for JavaScript\",\"datePublished\":\"2022-12-06T21:11:51+00:00\",\"dateModified\":\"2024-04-12T10:23:22+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/www.esri.com\/arcgis-blog\/products\/js-api-arcgis\/developers\/browsing-related-records-with-the-arcgis-api-for-javascript\"},\"wordCount\":9,\"commentCount\":0,\"publisher\":{\"@id\":\"https:\/\/www.esri.com\/arcgis-blog\/#organization\"},\"keywords\":[\"4.25\",\"jsapi4\",\"what's new november 2022\"],\"articleSection\":[\"Developers\"],\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\/\/www.esri.com\/arcgis-blog\/products\/js-api-arcgis\/developers\/browsing-related-records-with-the-arcgis-api-for-javascript#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/www.esri.com\/arcgis-blog\/products\/js-api-arcgis\/developers\/browsing-related-records-with-the-arcgis-api-for-javascript\",\"url\":\"https:\/\/www.esri.com\/arcgis-blog\/products\/js-api-arcgis\/developers\/browsing-related-records-with-the-arcgis-api-for-javascript\",\"name\":\"Browsing Related Records with the ArcGIS API for JavaScript\",\"isPartOf\":{\"@id\":\"https:\/\/www.esri.com\/arcgis-blog\/#website\"},\"datePublished\":\"2022-12-06T21:11:51+00:00\",\"dateModified\":\"2024-04-12T10:23:22+00:00\",\"breadcrumb\":{\"@id\":\"https:\/\/www.esri.com\/arcgis-blog\/products\/js-api-arcgis\/developers\/browsing-related-records-with-the-arcgis-api-for-javascript#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/www.esri.com\/arcgis-blog\/products\/js-api-arcgis\/developers\/browsing-related-records-with-the-arcgis-api-for-javascript\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/www.esri.com\/arcgis-blog\/products\/js-api-arcgis\/developers\/browsing-related-records-with-the-arcgis-api-for-javascript#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/www.esri.com\/arcgis-blog\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Browsing Related Records with the ArcGIS API for JavaScript\"}]},{\"@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\/a93d293a2435834e9f0af1fc378528a1\",\"name\":\"Lauren Boyd\",\"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\/2022\/12\/LaurenBoydBlogCropped-213x200.png\",\"contentUrl\":\"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2022\/12\/LaurenBoydBlogCropped-213x200.png\",\"caption\":\"Lauren Boyd\"},\"description\":\"Lauren is a Senior Product Engineer on the ArcGIS Maps SDK for JavaScript team in Redlands, CA with her work focusing primarily on popups and security. She has worked at Esri for over 8 years and enjoys helping\/supporting geo-developers utilize the JavaScript Maps SDK into their awesome applications.\",\"sameAs\":[\"https:\/\/github.com\/lboyd93\",\"https:\/\/www.linkedin.com\/in\/lboyd93\/\"],\"url\":\"https:\/\/www.esri.com\/arcgis-blog\/author\/lauren-boyd\"}]}<\/script>\n<!-- \/ Yoast SEO Premium plugin. -->","yoast_head_json":{"title":"Browsing Related Records with the ArcGIS API for JavaScript","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\/js-api-arcgis\/developers\/browsing-related-records-with-the-arcgis-api-for-javascript","og_locale":"en_US","og_type":"article","og_title":"Browsing Related Records with the ArcGIS API for JavaScript","og_url":"https:\/\/www.esri.com\/arcgis-blog\/products\/js-api-arcgis\/developers\/browsing-related-records-with-the-arcgis-api-for-javascript","og_site_name":"ArcGIS Blog","article_publisher":"https:\/\/www.facebook.com\/esrigis\/","article_modified_time":"2024-04-12T10:23:22+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\/js-api-arcgis\/developers\/browsing-related-records-with-the-arcgis-api-for-javascript#article","isPartOf":{"@id":"https:\/\/www.esri.com\/arcgis-blog\/products\/js-api-arcgis\/developers\/browsing-related-records-with-the-arcgis-api-for-javascript"},"author":{"name":"Lauren Boyd","@id":"https:\/\/www.esri.com\/arcgis-blog\/#\/schema\/person\/a93d293a2435834e9f0af1fc378528a1"},"headline":"Browsing Related Records with the ArcGIS API for JavaScript","datePublished":"2022-12-06T21:11:51+00:00","dateModified":"2024-04-12T10:23:22+00:00","mainEntityOfPage":{"@id":"https:\/\/www.esri.com\/arcgis-blog\/products\/js-api-arcgis\/developers\/browsing-related-records-with-the-arcgis-api-for-javascript"},"wordCount":9,"commentCount":0,"publisher":{"@id":"https:\/\/www.esri.com\/arcgis-blog\/#organization"},"keywords":["4.25","jsapi4","what's new november 2022"],"articleSection":["Developers"],"inLanguage":"en-US","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/www.esri.com\/arcgis-blog\/products\/js-api-arcgis\/developers\/browsing-related-records-with-the-arcgis-api-for-javascript#respond"]}]},{"@type":"WebPage","@id":"https:\/\/www.esri.com\/arcgis-blog\/products\/js-api-arcgis\/developers\/browsing-related-records-with-the-arcgis-api-for-javascript","url":"https:\/\/www.esri.com\/arcgis-blog\/products\/js-api-arcgis\/developers\/browsing-related-records-with-the-arcgis-api-for-javascript","name":"Browsing Related Records with the ArcGIS API for JavaScript","isPartOf":{"@id":"https:\/\/www.esri.com\/arcgis-blog\/#website"},"datePublished":"2022-12-06T21:11:51+00:00","dateModified":"2024-04-12T10:23:22+00:00","breadcrumb":{"@id":"https:\/\/www.esri.com\/arcgis-blog\/products\/js-api-arcgis\/developers\/browsing-related-records-with-the-arcgis-api-for-javascript#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.esri.com\/arcgis-blog\/products\/js-api-arcgis\/developers\/browsing-related-records-with-the-arcgis-api-for-javascript"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/www.esri.com\/arcgis-blog\/products\/js-api-arcgis\/developers\/browsing-related-records-with-the-arcgis-api-for-javascript#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/www.esri.com\/arcgis-blog\/"},{"@type":"ListItem","position":2,"name":"Browsing Related Records with the ArcGIS API for JavaScript"}]},{"@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\/a93d293a2435834e9f0af1fc378528a1","name":"Lauren Boyd","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\/2022\/12\/LaurenBoydBlogCropped-213x200.png","contentUrl":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2022\/12\/LaurenBoydBlogCropped-213x200.png","caption":"Lauren Boyd"},"description":"Lauren is a Senior Product Engineer on the ArcGIS Maps SDK for JavaScript team in Redlands, CA with her work focusing primarily on popups and security. She has worked at Esri for over 8 years and enjoys helping\/supporting geo-developers utilize the JavaScript Maps SDK into their awesome applications.","sameAs":["https:\/\/github.com\/lboyd93","https:\/\/www.linkedin.com\/in\/lboyd93\/"],"url":"https:\/\/www.esri.com\/arcgis-blog\/author\/lauren-boyd"}]}},"text_date":"December 6, 2022","author_name":"Lauren Boyd","author_page":"https:\/\/www.esri.com\/arcgis-blog\/author\/lauren-boyd","custom_image":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2022\/11\/WideBanner-1.png","primary_product":"ArcGIS Maps SDK for JavaScript","tag_data":[{"term_id":768012,"name":"4.25","slug":"4-25","term_group":0,"term_taxonomy_id":768012,"taxonomy":"post_tag","description":"","parent":0,"count":2,"filter":"raw"},{"term_id":27491,"name":"jsapi4","slug":"jsapi4","term_group":0,"term_taxonomy_id":27491,"taxonomy":"post_tag","description":"","parent":0,"count":111,"filter":"raw"},{"term_id":767002,"name":"what's new november 2022","slug":"whats-new-november-2022","term_group":0,"term_taxonomy_id":767002,"taxonomy":"post_tag","description":"","parent":0,"count":25,"filter":"raw"}],"category_data":[{"term_id":738191,"name":"Developers","slug":"developers","term_group":0,"term_taxonomy_id":738191,"taxonomy":"category","description":"","parent":0,"count":420,"filter":"raw"}],"product_data":[{"term_id":761642,"name":"ArcGIS Location Platform","slug":"platform","term_group":0,"term_taxonomy_id":761642,"taxonomy":"product","description":"","parent":36601,"count":213,"filter":"raw"},{"term_id":36831,"name":"ArcGIS Maps SDK for JavaScript","slug":"js-api-arcgis","term_group":0,"term_taxonomy_id":36831,"taxonomy":"product","description":"","parent":36601,"count":361,"filter":"raw"},{"term_id":36601,"name":"Developers","slug":"developers","term_group":0,"term_taxonomy_id":36601,"taxonomy":"product","description":"","parent":0,"count":761,"filter":"raw"}],"primary_product_link":"https:\/\/www.esri.com\/arcgis-blog\/?s=#&products=js-api-arcgis","_links":{"self":[{"href":"https:\/\/www.esri.com\/arcgis-blog\/wp-json\/wp\/v2\/blog\/1780332","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\/293472"}],"replies":[{"embeddable":true,"href":"https:\/\/www.esri.com\/arcgis-blog\/wp-json\/wp\/v2\/comments?post=1780332"}],"version-history":[{"count":0,"href":"https:\/\/www.esri.com\/arcgis-blog\/wp-json\/wp\/v2\/blog\/1780332\/revisions"}],"wp:attachment":[{"href":"https:\/\/www.esri.com\/arcgis-blog\/wp-json\/wp\/v2\/media?parent=1780332"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.esri.com\/arcgis-blog\/wp-json\/wp\/v2\/categories?post=1780332"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.esri.com\/arcgis-blog\/wp-json\/wp\/v2\/tags?post=1780332"},{"taxonomy":"industry","embeddable":true,"href":"https:\/\/www.esri.com\/arcgis-blog\/wp-json\/wp\/v2\/industry?post=1780332"},{"taxonomy":"product","embeddable":true,"href":"https:\/\/www.esri.com\/arcgis-blog\/wp-json\/wp\/v2\/product?post=1780332"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}