{"id":1867402,"date":"2023-04-04T09:05:02","date_gmt":"2023-04-04T16:05:02","guid":{"rendered":"https:\/\/www.esri.com\/arcgis-blog\/?post_type=blog&#038;p=1867402"},"modified":"2024-05-23T08:06:35","modified_gmt":"2024-05-23T15:06:35","slug":"exb-make-an-in-app-tutorial","status":"publish","type":"blog","link":"https:\/\/www.esri.com\/arcgis-blog\/products\/experience-builder\/mapping\/exb-make-an-in-app-tutorial","title":{"rendered":"Make an in-app tutorial in ArcGIS Experience Builder"},"author":289852,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"open","ping_status":"closed","template":"","format":"standard","meta":{"_acf_changed":false,"_searchwp_excluded":""},"categories":[22941],"tags":[43171,42641,23401,27911],"industry":[],"product":[400032],"class_list":["post-1867402","blog","type-blog","status-publish","format-standard","hentry","category-mapping","tag-apps","tag-arcgis-online","tag-transportation","tag-tutorial","product-experience-builder"],"acf":{"authors":[{"ID":289852,"user_firstname":"Thomas","user_lastname":"Coughlin","nickname":"Thomas Coughlin","user_nicename":"tcoughlin","display_name":"Thomas Coughlin","user_email":"tcoughlin@esri.com","user_url":"","user_registered":"2021-10-19 21:50:20","user_description":"Thomas writes about ArcGIS Experience Builder and ArcGIS Maps for Adobe Creative Cloud at Esri. He earned a degree in environmental science from the University of Massachusetts Amherst.","user_avatar":"<img data-del=\"avatar\" src='https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2021\/10\/Me-465x465.jpg' class='avatar pp-user-avatar avatar-96 photo ' height='96' width='96'\/>"}],"short_description":"Learn how to re-create the in-app tutorial from Rice University's Mars 2020 Mission Tracker.","flexible_content":[{"acf_fc_layout":"content","content":"<p>In my <a href=\"https:\/\/www.esri.com\/arcgis-blog\/products\/product\/mapping\/mars-rovers-experience-builder\/\">last post<\/a>, I showed you a <a href=\"https:\/\/experience.arcgis.com\/experience\/84a507c94b3a4b32b654e7f544ad1d52\">Mars rover tracking app<\/a>. In this post, I&#8217;ll show you how to make its in-app tutorial in the out-of-the-box version of Experience Builder.<\/p>\n"},{"acf_fc_layout":"storymap","title":"","description":"","static":false,"storymap_url":"<a href=\"https:\/\/experience.arcgis.com\/experience\/43c4c6b11227411b8fd944cd7c8fd74e\/\">https:\/\/experience.arcgis.com\/experience\/43c4c6b11227411b8fd944cd7c8fd74e\/<\/a>"},{"acf_fc_layout":"content","content":"<p>If you add a similar tutorial to your Experience Builder project, give credit to Bruno Sousa and the Rice University CRC Spatial Studies Lab.<\/p>\n<ul>\n<li><a href=\"#background\">Background<\/a><\/li>\n<li><a href=\"#template\">Create an app from a template<\/a><\/li>\n<li><a href=\"#button\">Make a button look like a map tool<\/a><\/li>\n<li><a href=\"#window\">Anchor a window<\/a><\/li>\n<li><a href=\"#section\">Add section views<\/a><\/li>\n<li><a href=\"#animation\">Add animations<\/a><\/li>\n<li><a href=\"#save\">Save and preview<\/a><\/li>\n<li><a href=\"#info\">More information<\/a><\/li>\n<\/ul>\n<h3 id=\"background\">Background<\/h3>\n<p>Users of all kinds of apps benefit from instructions. Back on Earth, imagine you&#8217;re a planner for a mid-sized city. Your city is redesigning an intersection long considered to be confusing and dangerous for pedestrians, bicyclists, and drivers. As part of your mission to represent the community\u2019s desires and needs, there will be a 45-day public comment period for the plans.<\/p>\n<p>You decide to make an app for users to visualize and give feedback on the proposed redesign. You\u2019ll include the measure tool so users can better understand distances and areas, and you want to include instructions for the tool that are specific to your app.<\/p>\n"},{"acf_fc_layout":"content","content":"<p>You&#8217;ll use the following materials for this exercise:<\/p>\n<ul>\n<li><a href=\"https:\/\/arcg.is\/1enyLz0\">3D Cambridge<\/a> (Template)<\/li>\n<li><a href=\"https:\/\/arcg.is\/aeSeH0\">Cambridge Citywide 3D Scene<\/a> (Web scene)<\/li>\n<li><a href=\"https:\/\/www.arcgis.com\/sharing\/rest\/content\/items\/02658261fb204dd39c1abf48508024d1\/data\">measure-tool-images.zip<\/a> (Esri icons and GIFs)<\/li>\n<\/ul>\n<p>All GIS data used comes from the <a href=\"https:\/\/www.cambridgema.gov\/GIS\/gisdata\">City of Cambridge, Massachusetts<\/a>. The city provides data for developers and for public consumption.<\/p>\n<p><a href=\"https:\/\/www.cambridgema.gov\/GIS\/3D\/3ddata\/3ddatadownloadmap\">View and download more 3D data from the City of Cambridge.<\/a><\/p>\n<h3 id=\"template\">Create an app from a template<\/h3>\n<p>1. Start Experience Builder.<\/p>\n<p>Sign-in to ArcGIS or <a href=\"https:\/\/www.esri.com\/en-us\/arcgis\/products\/create-account\">create a free trial account<\/a>. Go to <a href=\"https:\/\/experience.arcgis.com\/\">experience.arcgis.com<\/a>.<\/p>\n<p>2. Click <strong>Create new<\/strong> in the top right corner.<\/p>\n"},{"acf_fc_layout":"image","image":{"ID":1378472,"id":1378472,"title":"create-new-experience","filename":"create-new-experience-1.png","filesize":1457,"url":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2021\/10\/create-new-experience-1.png","link":"https:\/\/www.esri.com\/arcgis-blog\/?attachment_id=1378472","alt":"Screenshot of the Create new button.","author":"289852","description":"","caption":"","name":"create-new-experience-2","status":"inherit","uploaded_to":1377842,"date":"2021-10-20 18:01:17","modified":"2026-02-03 16:01:39","menu_order":0,"mime_type":"image\/png","type":"image","subtype":"png","icon":"https:\/\/www.esri.com\/arcgis-blog\/wp-includes\/images\/media\/default.png","width":162,"height":62,"sizes":{"thumbnail":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2021\/10\/create-new-experience-1.png","thumbnail-width":162,"thumbnail-height":62,"medium":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2021\/10\/create-new-experience-1.png","medium-width":162,"medium-height":62,"medium_large":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2021\/10\/create-new-experience-1.png","medium_large-width":162,"medium_large-height":62,"large":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2021\/10\/create-new-experience-1.png","large-width":162,"large-height":62,"1536x1536":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2021\/10\/create-new-experience-1.png","1536x1536-width":162,"1536x1536-height":62,"2048x2048":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2021\/10\/create-new-experience-1.png","2048x2048-width":162,"2048x2048-height":62,"card_image":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2021\/10\/create-new-experience-1.png","card_image-width":162,"card_image-height":62,"wide_image":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2021\/10\/create-new-experience-1.png","wide_image-width":162,"wide_image-height":62}},"image_position":"left-center","orientation":"horizontal","hyperlink":""},{"acf_fc_layout":"content","content":"<p>3. Select a template from the template gallery.<\/p>\n<p>Browse to the <strong>ArcGIS Online<\/strong> tab. Search for <strong>3D Cambridge<\/strong> and click <strong>Create<\/strong>.<\/p>\n"},{"acf_fc_layout":"image","image":{"ID":1880872,"id":1880872,"title":"choose-template","filename":"choose-template.jpg","filesize":60820,"url":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2023\/03\/choose-template.jpg","link":"https:\/\/www.esri.com\/arcgis-blog\/products\/experience-builder\/mapping\/exb-make-an-in-app-tutorial\/choose-template","alt":"Select the 3D Cambridge template","author":"289852","description":"","caption":"","name":"choose-template","status":"inherit","uploaded_to":1867402,"date":"2023-03-21 17:09:02","modified":"2023-03-21 17:09:23","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":1922,"height":514,"sizes":{"thumbnail":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2023\/03\/choose-template-213x200.jpg","thumbnail-width":213,"thumbnail-height":200,"medium":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2023\/03\/choose-template.jpg","medium-width":464,"medium-height":124,"medium_large":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2023\/03\/choose-template.jpg","medium_large-width":768,"medium_large-height":205,"large":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2023\/03\/choose-template.jpg","large-width":1920,"large-height":513,"1536x1536":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2023\/03\/choose-template-1536x411.jpg","1536x1536-width":1536,"1536x1536-height":411,"2048x2048":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2023\/03\/choose-template.jpg","2048x2048-width":1922,"2048x2048-height":514,"card_image":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2023\/03\/choose-template-826x221.jpg","card_image-width":826,"card_image-height":221,"wide_image":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2023\/03\/choose-template-1920x513.jpg","wide_image-width":1920,"wide_image-height":513}},"image_position":"left-center","orientation":"horizontal","hyperlink":""},{"acf_fc_layout":"content","content":"<p>This is a fixed page template with a Map widget displaying a web scene from the City of Cambridge.<\/p>\n"},{"acf_fc_layout":"image","image":{"ID":1880882,"id":1880882,"title":"3d-cambridge-template","filename":"3d-cambridge-template.jpg","filesize":246699,"url":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2023\/03\/3d-cambridge-template.jpg","link":"https:\/\/www.esri.com\/arcgis-blog\/products\/experience-builder\/mapping\/exb-make-an-in-app-tutorial\/3d-cambridge-template","alt":"The 3D Cambridge template","author":"289852","description":"","caption":"","name":"3d-cambridge-template","status":"inherit","uploaded_to":1867402,"date":"2023-03-21 17:09:55","modified":"2023-03-21 17:10:10","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":1922,"height":939,"sizes":{"thumbnail":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2023\/03\/3d-cambridge-template-213x200.jpg","thumbnail-width":213,"thumbnail-height":200,"medium":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2023\/03\/3d-cambridge-template.jpg","medium-width":464,"medium-height":227,"medium_large":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2023\/03\/3d-cambridge-template.jpg","medium_large-width":768,"medium_large-height":375,"large":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2023\/03\/3d-cambridge-template.jpg","large-width":1920,"large-height":938,"1536x1536":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2023\/03\/3d-cambridge-template-1536x750.jpg","1536x1536-width":1536,"1536x1536-height":750,"2048x2048":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2023\/03\/3d-cambridge-template.jpg","2048x2048-width":1922,"2048x2048-height":939,"card_image":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2023\/03\/3d-cambridge-template-826x404.jpg","card_image-width":826,"card_image-height":404,"wide_image":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2023\/03\/3d-cambridge-template-1920x938.jpg","wide_image-width":1920,"wide_image-height":938}},"image_position":"left-center","orientation":"horizontal","hyperlink":""},{"acf_fc_layout":"content","content":"<p>The Map widget has several tools, which you can turn on and off in the widget\u2019s <strong>Content<\/strong> settings.<\/p>\n<p>Importantly, Sousa\u2019s measure tool tutorial blends in with the other map tools. It\u2019s the same size, same color, and turns orange and displays a ToolTip when the pointer hovers over it.<\/p>\n<h3 id=\"button\">Make a button look like a map tool<\/h3>\n<p>1. Add a Button widget.<\/p>\n<p>From the <strong>Insert<\/strong> tab, drag a Button widget onto the map. Close the <strong>Quick style<\/strong> menu.<\/p>\n"},{"acf_fc_layout":"image","image":{"ID":1880912,"id":1880912,"title":"add-button-widget","filename":"add-button-widget.jpg","filesize":228669,"url":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2023\/03\/add-button-widget.jpg","link":"https:\/\/www.esri.com\/arcgis-blog\/products\/experience-builder\/mapping\/exb-make-an-in-app-tutorial\/add-button-widget","alt":"Add a Button widget","author":"289852","description":"","caption":"","name":"add-button-widget","status":"inherit","uploaded_to":1867402,"date":"2023-03-21 17:12:32","modified":"2023-03-21 17:12:45","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":1643,"height":848,"sizes":{"thumbnail":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2023\/03\/add-button-widget-213x200.jpg","thumbnail-width":213,"thumbnail-height":200,"medium":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2023\/03\/add-button-widget.jpg","medium-width":464,"medium-height":239,"medium_large":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2023\/03\/add-button-widget.jpg","medium_large-width":768,"medium_large-height":396,"large":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2023\/03\/add-button-widget.jpg","large-width":1643,"large-height":848,"1536x1536":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2023\/03\/add-button-widget-1536x793.jpg","1536x1536-width":1536,"1536x1536-height":793,"2048x2048":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2023\/03\/add-button-widget.jpg","2048x2048-width":1643,"2048x2048-height":848,"card_image":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2023\/03\/add-button-widget-826x426.jpg","card_image-width":826,"card_image-height":426,"wide_image":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2023\/03\/add-button-widget.jpg","wide_image-width":1643,"wide_image-height":848}},"image_position":"left-center","orientation":"horizontal","hyperlink":""},{"acf_fc_layout":"content","content":"<p>2. Resize the button.<\/p>\n<p>If necessary, click the Button widget to open its settings panel on the right. Click the <strong>Style<\/strong> tab.<\/p>\n<p>Under <strong>Size &amp; Position<\/strong>, change the width and height units to <strong>px<\/strong> and set both as <strong>32px<\/strong>.<\/p>\n<p>On the position graph, I set my button to be <strong>98px<\/strong> from the top and <strong>15px<\/strong> from the right.<\/p>\n"},{"acf_fc_layout":"image","image":{"ID":1880932,"id":1880932,"title":"button-style-settings","filename":"button-style-settings.jpg","filesize":22790,"url":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2023\/03\/button-style-settings.jpg","link":"https:\/\/www.esri.com\/arcgis-blog\/products\/experience-builder\/mapping\/exb-make-an-in-app-tutorial\/button-style-settings","alt":"The button's style settings","author":"289852","description":"","caption":"","name":"button-style-settings","status":"inherit","uploaded_to":1867402,"date":"2023-03-21 17:13:22","modified":"2023-03-21 17:13:35","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":259,"height":496,"sizes":{"thumbnail":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2023\/03\/button-style-settings-213x200.jpg","thumbnail-width":213,"thumbnail-height":200,"medium":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2023\/03\/button-style-settings.jpg","medium-width":136,"medium-height":261,"medium_large":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2023\/03\/button-style-settings.jpg","medium_large-width":259,"medium_large-height":496,"large":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2023\/03\/button-style-settings.jpg","large-width":259,"large-height":496,"1536x1536":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2023\/03\/button-style-settings.jpg","1536x1536-width":259,"1536x1536-height":496,"2048x2048":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2023\/03\/button-style-settings.jpg","2048x2048-width":259,"2048x2048-height":496,"card_image":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2023\/03\/button-style-settings-243x465.jpg","card_image-width":243,"card_image-height":465,"wide_image":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2023\/03\/button-style-settings.jpg","wide_image-width":259,"wide_image-height":496}},"image_position":"left-center","orientation":"horizontal","hyperlink":""},{"acf_fc_layout":"content","content":"<p>3. Set the ToolTip and icon.<\/p>\n<p>Switch to the Button widget\u2019s <strong>Content<\/strong> settings. Under <strong>Tooltip<\/strong>, write <span style=\"text-decoration: underline\">Measure Tool Tutorial<\/span>. Under <strong>Text<\/strong>, delete the word <span style=\"text-decoration: underline\">Button<\/span>.<\/p>\n"},{"acf_fc_layout":"image","image":{"ID":1880942,"id":1880942,"title":"button-content-settings","filename":"button-content-settings.jpg","filesize":19058,"url":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2023\/03\/button-content-settings.jpg","link":"https:\/\/www.esri.com\/arcgis-blog\/products\/experience-builder\/mapping\/exb-make-an-in-app-tutorial\/button-content-settings","alt":"The button's content settings","author":"289852","description":"","caption":"","name":"button-content-settings","status":"inherit","uploaded_to":1867402,"date":"2023-03-21 17:14:06","modified":"2023-03-21 17:14:24","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":257,"height":452,"sizes":{"thumbnail":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2023\/03\/button-content-settings-213x200.jpg","thumbnail-width":213,"thumbnail-height":200,"medium":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2023\/03\/button-content-settings.jpg","medium-width":148,"medium-height":261,"medium_large":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2023\/03\/button-content-settings.jpg","medium_large-width":257,"medium_large-height":452,"large":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2023\/03\/button-content-settings.jpg","large-width":257,"large-height":452,"1536x1536":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2023\/03\/button-content-settings.jpg","1536x1536-width":257,"1536x1536-height":452,"2048x2048":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2023\/03\/button-content-settings.jpg","2048x2048-width":257,"2048x2048-height":452,"card_image":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2023\/03\/button-content-settings.jpg","card_image-width":257,"card_image-height":452,"wide_image":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2023\/03\/button-content-settings.jpg","wide_image-width":257,"wide_image-height":452}},"image_position":"left-center","orientation":"horizontal","hyperlink":""},{"acf_fc_layout":"content","content":"<p>Click <strong>Select icon<\/strong>. You could use any of these icons or upload your own image. But since you want a question mark, you can just type one under <strong>Text<\/strong>. That will allow you to change the question mark\u2019s style, size, and color in the widget\u2019s advanced settings.<\/p>\n<p>Close the Select icon menu. Under <strong>Text<\/strong>, type <span style=\"text-decoration: underline\">?<\/span>.<\/p>\n"},{"acf_fc_layout":"image","image":{"ID":1880962,"id":1880962,"title":"button-settings-text","filename":"button-settings-text.jpg","filesize":19383,"url":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2023\/03\/button-settings-text.jpg","link":"https:\/\/www.esri.com\/arcgis-blog\/products\/experience-builder\/mapping\/exb-make-an-in-app-tutorial\/button-settings-text","alt":"Set the button's text","author":"289852","description":"","caption":"","name":"button-settings-text","status":"inherit","uploaded_to":1867402,"date":"2023-03-21 17:15:36","modified":"2023-03-21 17:16:10","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":258,"height":454,"sizes":{"thumbnail":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2023\/03\/button-settings-text-213x200.jpg","thumbnail-width":213,"thumbnail-height":200,"medium":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2023\/03\/button-settings-text.jpg","medium-width":148,"medium-height":261,"medium_large":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2023\/03\/button-settings-text.jpg","medium_large-width":258,"medium_large-height":454,"large":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2023\/03\/button-settings-text.jpg","large-width":258,"large-height":454,"1536x1536":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2023\/03\/button-settings-text.jpg","1536x1536-width":258,"1536x1536-height":454,"2048x2048":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2023\/03\/button-settings-text.jpg","2048x2048-width":258,"2048x2048-height":454,"card_image":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2023\/03\/button-settings-text.jpg","card_image-width":258,"card_image-height":454,"wide_image":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2023\/03\/button-settings-text.jpg","wide_image-width":258,"wide_image-height":454}},"image_position":"left-center","orientation":"horizontal","hyperlink":""},{"acf_fc_layout":"content","content":"<p>Turn on <strong>Advanced<\/strong>.<\/p>\n<p>For both <strong>Default<\/strong> and <strong>Hover<\/strong>, make the text size <strong>20px<\/strong>.<\/p>\n"},{"acf_fc_layout":"image","image":{"ID":1880972,"id":1880972,"title":"button-advanced-settings","filename":"button-advanced-settings.jpg","filesize":15852,"url":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2023\/03\/button-advanced-settings.jpg","link":"https:\/\/www.esri.com\/arcgis-blog\/products\/experience-builder\/mapping\/exb-make-an-in-app-tutorial\/button-advanced-settings","alt":"The button's advanced settings","author":"289852","description":"","caption":"","name":"button-advanced-settings","status":"inherit","uploaded_to":1867402,"date":"2023-03-21 17:16:41","modified":"2023-03-21 17:17:02","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":254,"height":413,"sizes":{"thumbnail":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2023\/03\/button-advanced-settings-213x200.jpg","thumbnail-width":213,"thumbnail-height":200,"medium":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2023\/03\/button-advanced-settings.jpg","medium-width":161,"medium-height":261,"medium_large":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2023\/03\/button-advanced-settings.jpg","medium_large-width":254,"medium_large-height":413,"large":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2023\/03\/button-advanced-settings.jpg","large-width":254,"large-height":413,"1536x1536":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2023\/03\/button-advanced-settings.jpg","1536x1536-width":254,"1536x1536-height":413,"2048x2048":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2023\/03\/button-advanced-settings.jpg","2048x2048-width":254,"2048x2048-height":413,"card_image":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2023\/03\/button-advanced-settings.jpg","card_image-width":254,"card_image-height":413,"wide_image":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2023\/03\/button-advanced-settings.jpg","wide_image-width":254,"wide_image-height":413}},"image_position":"left-center","orientation":"horizontal","hyperlink":""},{"acf_fc_layout":"content","content":"<p>Next, you\u2019ll match the colors of your button to match the rest of the map tools.<\/p>\n<p>4. Find the theme colors.<\/p>\n<p>The map tool colors are controlled by the app\u2019s theme. On the left panel, click the <strong>Theme<\/strong> tab. If necessary, select the <strong>Dark<\/strong> theme and click <strong>Customize<\/strong> and <strong>Advanced color setting<\/strong>.<\/p>\n"},{"acf_fc_layout":"image","image":{"ID":1880992,"id":1880992,"title":"theme-tab","filename":"theme-tab.jpg","filesize":136291,"url":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2023\/03\/theme-tab.jpg","link":"https:\/\/www.esri.com\/arcgis-blog\/products\/experience-builder\/mapping\/exb-make-an-in-app-tutorial\/theme-tab-2","alt":"The theme tab","author":"289852","description":"","caption":"","name":"theme-tab-2","status":"inherit","uploaded_to":1867402,"date":"2023-03-21 17:17:50","modified":"2023-03-21 17:18:18","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":1035,"height":938,"sizes":{"thumbnail":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2023\/03\/theme-tab-213x200.jpg","thumbnail-width":213,"thumbnail-height":200,"medium":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2023\/03\/theme-tab.jpg","medium-width":288,"medium-height":261,"medium_large":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2023\/03\/theme-tab.jpg","medium_large-width":768,"medium_large-height":696,"large":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2023\/03\/theme-tab.jpg","large-width":1035,"large-height":938,"1536x1536":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2023\/03\/theme-tab.jpg","1536x1536-width":1035,"1536x1536-height":938,"2048x2048":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2023\/03\/theme-tab.jpg","2048x2048-width":1035,"2048x2048-height":938,"card_image":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2023\/03\/theme-tab-513x465.jpg","card_image-width":513,"card_image-height":465,"wide_image":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2023\/03\/theme-tab.jpg","wide_image-width":1035,"wide_image-height":938}},"image_position":"left-center","orientation":"horizontal","hyperlink":""},{"acf_fc_layout":"content","content":"<p>The third color (<strong>Light<\/strong>) affects the map tools. The fourth color (<strong>Dark<\/strong>) affects the tool icons in their default state. The first color (<strong>Primary<\/strong>) affects the icons in their hover state.<\/p>\n<p>You can change them, but currently these are the three HEX colors:<\/p>\n<ul>\n<li>Tools \u2013 <strong>#0b0b0b<\/strong><\/li>\n<li>Default icons \u2013 <strong>#f0f0f0<\/strong><\/li>\n<li>Hover icons \u2013 <strong>#0c91f0<\/strong><\/li>\n<\/ul>\n<p>Now that you know these exact colors, click the Button widget and return to its <strong>Content<\/strong> settings.<\/p>\n<p>5. Match the colors.<\/p>\n<p>Under <strong>Advanced<\/strong> and under <strong>Background<\/strong>, click the <strong>Fill<\/strong> color swatch. Under <strong>Theme colors<\/strong>, choose the third swatch. Do this for both <strong>Default<\/strong> and <strong>Hover<\/strong>.<\/p>\n"},{"acf_fc_layout":"image","image":{"ID":1881012,"id":1881012,"title":"button-fill","filename":"button-fill.jpg","filesize":37694,"url":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2023\/03\/button-fill.jpg","link":"https:\/\/www.esri.com\/arcgis-blog\/products\/experience-builder\/mapping\/exb-make-an-in-app-tutorial\/button-fill","alt":"Choose a theme color","author":"289852","description":"","caption":"","name":"button-fill","status":"inherit","uploaded_to":1867402,"date":"2023-03-21 17:19:20","modified":"2023-03-21 17:19:33","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":277,"height":749,"sizes":{"thumbnail":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2023\/03\/button-fill-213x200.jpg","thumbnail-width":213,"thumbnail-height":200,"medium":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2023\/03\/button-fill.jpg","medium-width":97,"medium-height":261,"medium_large":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2023\/03\/button-fill.jpg","medium_large-width":277,"medium_large-height":749,"large":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2023\/03\/button-fill.jpg","large-width":277,"large-height":749,"1536x1536":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2023\/03\/button-fill.jpg","1536x1536-width":277,"1536x1536-height":749,"2048x2048":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2023\/03\/button-fill.jpg","2048x2048-width":277,"2048x2048-height":749,"card_image":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2023\/03\/button-fill-172x465.jpg","card_image-width":172,"card_image-height":465,"wide_image":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2023\/03\/button-fill.jpg","wide_image-width":277,"wide_image-height":749}},"image_position":"left-center","orientation":"horizontal","hyperlink":""},{"acf_fc_layout":"content","content":"<p>For the default text, choose the fourth theme color. For the hover text, choose the first theme color.<\/p>\n"},{"acf_fc_layout":"image","image":{"ID":1881042,"id":1881042,"title":"hover-state-text-color","filename":"hover-state-text-color.jpg","filesize":35272,"url":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2023\/03\/hover-state-text-color.jpg","link":"https:\/\/www.esri.com\/arcgis-blog\/products\/experience-builder\/mapping\/exb-make-an-in-app-tutorial\/hover-state-text-color","alt":"Set the button's hover color","author":"289852","description":"","caption":"","name":"hover-state-text-color","status":"inherit","uploaded_to":1867402,"date":"2023-03-21 17:20:46","modified":"2023-03-21 17:21:01","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":351,"height":556,"sizes":{"thumbnail":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2023\/03\/hover-state-text-color-213x200.jpg","thumbnail-width":213,"thumbnail-height":200,"medium":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2023\/03\/hover-state-text-color.jpg","medium-width":165,"medium-height":261,"medium_large":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2023\/03\/hover-state-text-color.jpg","medium_large-width":351,"medium_large-height":556,"large":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2023\/03\/hover-state-text-color.jpg","large-width":351,"large-height":556,"1536x1536":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2023\/03\/hover-state-text-color.jpg","1536x1536-width":351,"1536x1536-height":556,"2048x2048":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2023\/03\/hover-state-text-color.jpg","2048x2048-width":351,"2048x2048-height":556,"card_image":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2023\/03\/hover-state-text-color-294x465.jpg","card_image-width":294,"card_image-height":465,"wide_image":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2023\/03\/hover-state-text-color.jpg","wide_image-width":351,"wide_image-height":556}},"image_position":"left-center","orientation":"horizontal","hyperlink":""},{"acf_fc_layout":"content","content":"<p>Now you have a button that looks and behaves like the Map widget tools.<\/p>\n<h3 id=\"window\">Anchor a window<\/h3>\n<p>The main part of the tutorial is made up of a Section, Views Navigation, Text, and Image widget, all contained in a window.<\/p>\n<p>1. Add a window.<\/p>\n<p>On the <strong>Page<\/strong> tab, click <strong>Window <\/strong>and\u00a0click <strong>Add window<\/strong>. Choose <strong>Simple<\/strong> as the template. Delete the Image and Text widgets until you\u2019re left with a blank window.<\/p>\n"},{"acf_fc_layout":"image","image":{"ID":1881652,"id":1881652,"title":"add-simple-window","filename":"add-simple-window.jpg","filesize":53913,"url":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2023\/03\/add-simple-window.jpg","link":"https:\/\/www.esri.com\/arcgis-blog\/products\/experience-builder\/mapping\/exb-make-an-in-app-tutorial\/add-simple-window","alt":"Add window panel","author":"289852","description":"","caption":"","name":"add-simple-window","status":"inherit","uploaded_to":1867402,"date":"2023-03-21 19:57:29","modified":"2023-03-21 19:57:47","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":538,"height":821,"sizes":{"thumbnail":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2023\/03\/add-simple-window-213x200.jpg","thumbnail-width":213,"thumbnail-height":200,"medium":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2023\/03\/add-simple-window.jpg","medium-width":171,"medium-height":261,"medium_large":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2023\/03\/add-simple-window.jpg","medium_large-width":538,"medium_large-height":821,"large":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2023\/03\/add-simple-window.jpg","large-width":538,"large-height":821,"1536x1536":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2023\/03\/add-simple-window.jpg","1536x1536-width":538,"1536x1536-height":821,"2048x2048":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2023\/03\/add-simple-window.jpg","2048x2048-width":538,"2048x2048-height":821,"card_image":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2023\/03\/add-simple-window-305x465.jpg","card_image-width":305,"card_image-height":465,"wide_image":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2023\/03\/add-simple-window.jpg","wide_image-width":538,"wide_image-height":821}},"image_position":"left-center","orientation":"horizontal","hyperlink":""},{"acf_fc_layout":"content","content":"<p>2. Anchor the window to the button.<\/p>\n<p>In the window\u2019s settings, choose <strong>Anchored<\/strong> mode. Under <strong>Size<\/strong>, make the width <strong>430px<\/strong> and the height <strong>500px<\/strong>.<\/p>\n<p>If necessary, check <strong>Click outside to close Window<\/strong>.<\/p>\n"},{"acf_fc_layout":"image","image":{"ID":1881662,"id":1881662,"title":"window-settings","filename":"window-settings.jpg","filesize":107920,"url":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2023\/03\/window-settings.jpg","link":"https:\/\/www.esri.com\/arcgis-blog\/products\/experience-builder\/mapping\/exb-make-an-in-app-tutorial\/window-settings","alt":"Window settings","author":"289852","description":"","caption":"","name":"window-settings","status":"inherit","uploaded_to":1867402,"date":"2023-03-21 19:58:31","modified":"2023-03-21 19:58:42","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":1192,"height":894,"sizes":{"thumbnail":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2023\/03\/window-settings-213x200.jpg","thumbnail-width":213,"thumbnail-height":200,"medium":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2023\/03\/window-settings.jpg","medium-width":348,"medium-height":261,"medium_large":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2023\/03\/window-settings.jpg","medium_large-width":768,"medium_large-height":576,"large":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2023\/03\/window-settings.jpg","large-width":1192,"large-height":894,"1536x1536":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2023\/03\/window-settings.jpg","1536x1536-width":1192,"1536x1536-height":894,"2048x2048":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2023\/03\/window-settings.jpg","2048x2048-width":1192,"2048x2048-height":894,"card_image":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2023\/03\/window-settings-620x465.jpg","card_image-width":620,"card_image-height":465,"wide_image":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2023\/03\/window-settings.jpg","wide_image-width":1192,"wide_image-height":894}},"image_position":"left-center","orientation":"horizontal","hyperlink":""},{"acf_fc_layout":"content","content":"<p>Click <strong>Page<\/strong> and return to the Button widget\u2019s settings. Click <strong>Set link<\/strong>, select your window, and click <strong>OK<\/strong>.<\/p>\n"},{"acf_fc_layout":"image","image":{"ID":1881762,"id":1881762,"title":"set-link-to-window","filename":"set-link-to-window.jpg","filesize":67676,"url":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2023\/03\/set-link-to-window.jpg","link":"https:\/\/www.esri.com\/arcgis-blog\/products\/experience-builder\/mapping\/exb-make-an-in-app-tutorial\/set-link-to-window","alt":"Setting a link to a window","author":"289852","description":"","caption":"","name":"set-link-to-window","status":"inherit","uploaded_to":1867402,"date":"2023-03-21 20:22:44","modified":"2023-03-21 20:23:05","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":600,"height":938,"sizes":{"thumbnail":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2023\/03\/set-link-to-window-213x200.jpg","thumbnail-width":213,"thumbnail-height":200,"medium":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2023\/03\/set-link-to-window.jpg","medium-width":167,"medium-height":261,"medium_large":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2023\/03\/set-link-to-window.jpg","medium_large-width":600,"medium_large-height":938,"large":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2023\/03\/set-link-to-window.jpg","large-width":600,"large-height":938,"1536x1536":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2023\/03\/set-link-to-window.jpg","1536x1536-width":600,"1536x1536-height":938,"2048x2048":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2023\/03\/set-link-to-window.jpg","2048x2048-width":600,"2048x2048-height":938,"card_image":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2023\/03\/set-link-to-window-297x465.jpg","card_image-width":297,"card_image-height":465,"wide_image":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2023\/03\/set-link-to-window.jpg","wide_image-width":600,"wide_image-height":938}},"image_position":"left-center","orientation":"horizontal","hyperlink":""},{"acf_fc_layout":"content","content":"<p>You can test your link by turning on <strong>Live view<\/strong>.<\/p>\n<h3 id=\"section\">Add section views<\/h3>\n<p>Now you\u2019ll add the tutorial content.<\/p>\n<p>1. Add a Section widget.<\/p>\n<p>Return to editing the window (make sure <strong>Live view<\/strong> is turned off). From the <strong>Insert tab<\/strong>, add a Section widget. Make it full size and drag up its bottom edge slightly to leave space for the Views Navigation widget, which will allow users to browse through the tutorial.<\/p>\n"},{"acf_fc_layout":"image","image":{"ID":1881772,"id":1881772,"title":"add-section-widget","filename":"add-section-widget.jpg","filesize":204388,"url":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2023\/03\/add-section-widget.jpg","link":"https:\/\/www.esri.com\/arcgis-blog\/products\/experience-builder\/mapping\/exb-make-an-in-app-tutorial\/add-section-widget","alt":"Add a Section widget from the Insert widget panel","author":"289852","description":"","caption":"","name":"add-section-widget","status":"inherit","uploaded_to":1867402,"date":"2023-03-21 20:23:48","modified":"2023-03-21 20:24:19","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":1922,"height":939,"sizes":{"thumbnail":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2023\/03\/add-section-widget-213x200.jpg","thumbnail-width":213,"thumbnail-height":200,"medium":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2023\/03\/add-section-widget.jpg","medium-width":464,"medium-height":227,"medium_large":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2023\/03\/add-section-widget.jpg","medium_large-width":768,"medium_large-height":375,"large":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2023\/03\/add-section-widget.jpg","large-width":1920,"large-height":938,"1536x1536":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2023\/03\/add-section-widget-1536x750.jpg","1536x1536-width":1536,"1536x1536-height":750,"2048x2048":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2023\/03\/add-section-widget.jpg","2048x2048-width":1922,"2048x2048-height":939,"card_image":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2023\/03\/add-section-widget-826x404.jpg","card_image-width":826,"card_image-height":404,"wide_image":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2023\/03\/add-section-widget-1920x938.jpg","wide_image-width":1920,"wide_image-height":938}},"image_position":"left-center","orientation":"horizontal","hyperlink":""},{"acf_fc_layout":"content","content":"<p>2. Add a Views Navigation widget.<\/p>\n<p>Drag a Views Navigation widget into the empty space below the Section widget.<\/p>\n<p>In the Quick style window that appears when you place the widget, choose a paging style. The Mars 2020 app uses <strong>Arrow 2<\/strong>.<\/p>\n<p>Be sure that the Views Navigation widget is located outside of the Section widget.<\/p>\n<p>My widget\u2019s dimensions are width <strong>25%<\/strong> and height <strong>12%<\/strong>.<\/p>\n"},{"acf_fc_layout":"image","image":{"ID":1881782,"id":1881782,"title":"add-views-navigation","filename":"add-views-navigation.jpg","filesize":212273,"url":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2023\/03\/add-views-navigation.jpg","link":"https:\/\/www.esri.com\/arcgis-blog\/products\/experience-builder\/mapping\/exb-make-an-in-app-tutorial\/add-views-navigation","alt":"Add a Views Navigation widget","author":"289852","description":"","caption":"","name":"add-views-navigation","status":"inherit","uploaded_to":1867402,"date":"2023-03-21 20:25:02","modified":"2023-03-21 20:25:17","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":1922,"height":939,"sizes":{"thumbnail":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2023\/03\/add-views-navigation-213x200.jpg","thumbnail-width":213,"thumbnail-height":200,"medium":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2023\/03\/add-views-navigation.jpg","medium-width":464,"medium-height":227,"medium_large":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2023\/03\/add-views-navigation.jpg","medium_large-width":768,"medium_large-height":375,"large":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2023\/03\/add-views-navigation.jpg","large-width":1920,"large-height":938,"1536x1536":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2023\/03\/add-views-navigation-1536x750.jpg","1536x1536-width":1536,"1536x1536-height":750,"2048x2048":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2023\/03\/add-views-navigation.jpg","2048x2048-width":1922,"2048x2048-height":939,"card_image":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2023\/03\/add-views-navigation-826x404.jpg","card_image-width":826,"card_image-height":404,"wide_image":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2023\/03\/add-views-navigation-1920x938.jpg","wide_image-width":1920,"wide_image-height":938}},"image_position":"left-center","orientation":"horizontal","hyperlink":""},{"acf_fc_layout":"content","content":"<p>3. Set up the first view.<\/p>\n<p>All the images you\u2019ll need (three Esri measure tool icons and three GIFs) are in this <a href=\"https:\/\/www.arcgis.com\/sharing\/rest\/content\/items\/02658261fb204dd39c1abf48508024d1\/data\">.zip file<\/a>. They are also already available in the template.<\/p>\n<p>Return to the Section widget\u2019s settings and select <strong>View<\/strong>.<\/p>\n"},{"acf_fc_layout":"image","image":{"ID":1881792,"id":1881792,"title":"section-widget-settings","filename":"section-widget-settings.jpg","filesize":16103,"url":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2023\/03\/section-widget-settings.jpg","link":"https:\/\/www.esri.com\/arcgis-blog\/products\/experience-builder\/mapping\/exb-make-an-in-app-tutorial\/section-widget-settings","alt":"The Section widget's settings","author":"289852","description":"","caption":"","name":"section-widget-settings","status":"inherit","uploaded_to":1867402,"date":"2023-03-21 20:26:11","modified":"2023-03-21 20:26:24","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":256,"height":411,"sizes":{"thumbnail":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2023\/03\/section-widget-settings-213x200.jpg","thumbnail-width":213,"thumbnail-height":200,"medium":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2023\/03\/section-widget-settings.jpg","medium-width":163,"medium-height":261,"medium_large":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2023\/03\/section-widget-settings.jpg","medium_large-width":256,"medium_large-height":411,"large":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2023\/03\/section-widget-settings.jpg","large-width":256,"large-height":411,"1536x1536":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2023\/03\/section-widget-settings.jpg","1536x1536-width":256,"1536x1536-height":411,"2048x2048":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2023\/03\/section-widget-settings.jpg","2048x2048-width":256,"2048x2048-height":411,"card_image":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2023\/03\/section-widget-settings.jpg","card_image-width":256,"card_image-height":411,"wide_image":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2023\/03\/section-widget-settings.jpg","wide_image-width":256,"wide_image-height":411}},"image_position":"left-center","orientation":"horizontal","hyperlink":""},{"acf_fc_layout":"content","content":"<p>Add an Image widget and center it horizontally.<\/p>\n"},{"acf_fc_layout":"image","image":{"ID":1881812,"id":1881812,"title":"add-image-widget","filename":"add-image-widget.jpg","filesize":104338,"url":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2023\/03\/add-image-widget.jpg","link":"https:\/\/www.esri.com\/arcgis-blog\/products\/experience-builder\/mapping\/exb-make-an-in-app-tutorial\/add-image-widget","alt":"The Horizontal center button on the Image widget's toolbar","author":"289852","description":"","caption":"","name":"add-image-widget","status":"inherit","uploaded_to":1867402,"date":"2023-03-21 20:27:55","modified":"2023-03-21 20:28:21","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":1223,"height":722,"sizes":{"thumbnail":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2023\/03\/add-image-widget-213x200.jpg","thumbnail-width":213,"thumbnail-height":200,"medium":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2023\/03\/add-image-widget.jpg","medium-width":442,"medium-height":261,"medium_large":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2023\/03\/add-image-widget.jpg","medium_large-width":768,"medium_large-height":453,"large":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2023\/03\/add-image-widget.jpg","large-width":1223,"large-height":722,"1536x1536":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2023\/03\/add-image-widget.jpg","1536x1536-width":1223,"1536x1536-height":722,"2048x2048":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2023\/03\/add-image-widget.jpg","2048x2048-width":1223,"2048x2048-height":722,"card_image":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2023\/03\/add-image-widget-788x465.jpg","card_image-width":788,"card_image-height":465,"wide_image":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2023\/03\/add-image-widget.jpg","wide_image-width":1223,"wide_image-height":722}},"image_position":"left-center","orientation":"horizontal","hyperlink":""},{"acf_fc_layout":"content","content":"<p>Click <strong>Select an image<\/strong>\u00a0and choose <strong>measure_tool.png<\/strong>. Change <strong>Position<\/strong> to <strong>Fit<\/strong> so the edges of the .png image aren\u2019t cut off.<\/p>\n"},{"acf_fc_layout":"image","image":{"ID":1881822,"id":1881822,"title":"select-an-image","filename":"select-an-image.jpg","filesize":115411,"url":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2023\/03\/select-an-image.jpg","link":"https:\/\/www.esri.com\/arcgis-blog\/products\/experience-builder\/mapping\/exb-make-an-in-app-tutorial\/select-an-image","alt":"Image widget settings","author":"289852","description":"","caption":"","name":"select-an-image","status":"inherit","uploaded_to":1867402,"date":"2023-03-21 20:29:29","modified":"2023-03-21 20:29:40","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":1231,"height":757,"sizes":{"thumbnail":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2023\/03\/select-an-image-213x200.jpg","thumbnail-width":213,"thumbnail-height":200,"medium":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2023\/03\/select-an-image.jpg","medium-width":424,"medium-height":261,"medium_large":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2023\/03\/select-an-image.jpg","medium_large-width":768,"medium_large-height":472,"large":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2023\/03\/select-an-image.jpg","large-width":1231,"large-height":757,"1536x1536":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2023\/03\/select-an-image.jpg","1536x1536-width":1231,"1536x1536-height":757,"2048x2048":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2023\/03\/select-an-image.jpg","2048x2048-width":1231,"2048x2048-height":757,"card_image":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2023\/03\/select-an-image-756x465.jpg","card_image-width":756,"card_image-height":465,"wide_image":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2023\/03\/select-an-image.jpg","wide_image-width":1231,"wide_image-height":757}},"image_position":"left-center","orientation":"horizontal","hyperlink":""},{"acf_fc_layout":"content","content":"<p>Add a Text widget under the Image widget. Write <span style=\"text-decoration: underline\">Measure Tool<\/span> in bold size 24 font and <span style=\"text-decoration: underline\">Use this tool to calculate distances, heights, perimeters, and areas<\/span> in size 16 font.<\/p>\n"},{"acf_fc_layout":"image","image":{"ID":1881862,"id":1881862,"title":"add-text-widget","filename":"add-text-widget.jpg","filesize":212581,"url":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2023\/03\/add-text-widget.jpg","link":"https:\/\/www.esri.com\/arcgis-blog\/products\/experience-builder\/mapping\/exb-make-an-in-app-tutorial\/add-text-widget","alt":"Add a Text widget","author":"289852","description":"","caption":"","name":"add-text-widget","status":"inherit","uploaded_to":1867402,"date":"2023-03-21 20:33:32","modified":"2023-03-21 20:33:49","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":1922,"height":939,"sizes":{"thumbnail":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2023\/03\/add-text-widget-213x200.jpg","thumbnail-width":213,"thumbnail-height":200,"medium":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2023\/03\/add-text-widget.jpg","medium-width":464,"medium-height":227,"medium_large":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2023\/03\/add-text-widget.jpg","medium_large-width":768,"medium_large-height":375,"large":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2023\/03\/add-text-widget.jpg","large-width":1920,"large-height":938,"1536x1536":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2023\/03\/add-text-widget-1536x750.jpg","1536x1536-width":1536,"1536x1536-height":750,"2048x2048":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2023\/03\/add-text-widget.jpg","2048x2048-width":1922,"2048x2048-height":939,"card_image":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2023\/03\/add-text-widget-826x404.jpg","card_image-width":826,"card_image-height":404,"wide_image":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2023\/03\/add-text-widget-1920x938.jpg","wide_image-width":1920,"wide_image-height":938}},"image_position":"left-center","orientation":"horizontal","hyperlink":""},{"acf_fc_layout":"content","content":"<p>4. Set up the second, third, and fourth views.<\/p>\n<p>The other three views will all be formatted the same, so to save time and ensure things stay in the same place you\u2019ll make one and duplicate it twice.<\/p>\n<p>Select the Section widget. Click <strong>+New view<\/strong>.<\/p>\n"},{"acf_fc_layout":"image","image":{"ID":1881872,"id":1881872,"title":"new-view","filename":"new-view.jpg","filesize":11498,"url":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2023\/03\/new-view.jpg","link":"https:\/\/www.esri.com\/arcgis-blog\/products\/experience-builder\/mapping\/exb-make-an-in-app-tutorial\/new-view-2","alt":"Add a new view","author":"289852","description":"","caption":"","name":"new-view-2","status":"inherit","uploaded_to":1867402,"date":"2023-03-21 20:36:14","modified":"2023-03-21 20:36:26","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":258,"height":232,"sizes":{"thumbnail":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2023\/03\/new-view-213x200.jpg","thumbnail-width":213,"thumbnail-height":200,"medium":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2023\/03\/new-view.jpg","medium-width":258,"medium-height":232,"medium_large":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2023\/03\/new-view.jpg","medium_large-width":258,"medium_large-height":232,"large":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2023\/03\/new-view.jpg","large-width":258,"large-height":232,"1536x1536":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2023\/03\/new-view.jpg","1536x1536-width":258,"1536x1536-height":232,"2048x2048":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2023\/03\/new-view.jpg","2048x2048-width":258,"2048x2048-height":232,"card_image":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2023\/03\/new-view.jpg","card_image-width":258,"card_image-height":232,"wide_image":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2023\/03\/new-view.jpg","wide_image-width":258,"wide_image-height":232}},"image_position":"left-center","orientation":"horizontal","hyperlink":""},{"acf_fc_layout":"content","content":"<p>Duplicate <strong>View 2<\/strong> twice.<\/p>\n"},{"acf_fc_layout":"image","image":{"ID":1881892,"id":1881892,"title":"duplicate-views","filename":"duplicate-views.jpg","filesize":16981,"url":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2023\/03\/duplicate-views.jpg","link":"https:\/\/www.esri.com\/arcgis-blog\/products\/experience-builder\/mapping\/exb-make-an-in-app-tutorial\/duplicate-views","alt":"Duplicate View 2","author":"289852","description":"","caption":"","name":"duplicate-views","status":"inherit","uploaded_to":1867402,"date":"2023-03-21 20:38:00","modified":"2023-03-21 20:38:13","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":260,"height":366,"sizes":{"thumbnail":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2023\/03\/duplicate-views-213x200.jpg","thumbnail-width":213,"thumbnail-height":200,"medium":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2023\/03\/duplicate-views.jpg","medium-width":185,"medium-height":261,"medium_large":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2023\/03\/duplicate-views.jpg","medium_large-width":260,"medium_large-height":366,"large":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2023\/03\/duplicate-views.jpg","large-width":260,"large-height":366,"1536x1536":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2023\/03\/duplicate-views.jpg","1536x1536-width":260,"1536x1536-height":366,"2048x2048":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2023\/03\/duplicate-views.jpg","2048x2048-width":260,"2048x2048-height":366,"card_image":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2023\/03\/duplicate-views.jpg","card_image-width":260,"card_image-height":366,"wide_image":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2023\/03\/duplicate-views.jpg","wide_image-width":260,"wide_image-height":366}},"image_position":"left-center","orientation":"horizontal","hyperlink":""},{"acf_fc_layout":"content","content":"<p>Add two Image widgets, one for the .gif and one for the .png in the corner. Add a text widget below the Image widget.<\/p>\n"},{"acf_fc_layout":"image","image":{"ID":1881882,"id":1881882,"title":"view-two","filename":"view-two.jpg","filesize":193747,"url":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2023\/03\/view-two.jpg","link":"https:\/\/www.esri.com\/arcgis-blog\/products\/experience-builder\/mapping\/exb-make-an-in-app-tutorial\/view-two","alt":"Screenshot of View 2","author":"289852","description":"","caption":"","name":"view-two","status":"inherit","uploaded_to":1867402,"date":"2023-03-21 20:37:07","modified":"2023-03-21 20:37:28","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":1920,"height":937,"sizes":{"thumbnail":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2023\/03\/view-two-213x200.jpg","thumbnail-width":213,"thumbnail-height":200,"medium":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2023\/03\/view-two.jpg","medium-width":464,"medium-height":226,"medium_large":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2023\/03\/view-two.jpg","medium_large-width":768,"medium_large-height":375,"large":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2023\/03\/view-two.jpg","large-width":1920,"large-height":937,"1536x1536":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2023\/03\/view-two-1536x750.jpg","1536x1536-width":1536,"1536x1536-height":750,"2048x2048":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2023\/03\/view-two.jpg","2048x2048-width":1920,"2048x2048-height":937,"card_image":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2023\/03\/view-two-826x403.jpg","card_image-width":826,"card_image-height":403,"wide_image":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2023\/03\/view-two.jpg","wide_image-width":1920,"wide_image-height":937}},"image_position":"left-center","orientation":"horizontal","hyperlink":""},{"acf_fc_layout":"content","content":"<p>The following is a list of the images and text for Views 2-4:<\/p>\n<p><strong>View 2<\/strong><\/p>\n<p>GIF: measure-distance.gif<\/p>\n<p>Icon: measure_distance.png<\/p>\n<p>Title: <span style=\"text-decoration: underline\">Measuring distances<\/span><\/p>\n<p>Text: <span style=\"text-decoration: underline\">Click once to start measuring and click a second time to stop. You can see the measurements above the line and on the widget window.<\/span><\/p>\n<p>&nbsp;<\/p>\n<p><strong>View 3<\/strong><\/p>\n<p>GIF: measure-height.gif<\/p>\n<p>Icon: measure_distance.png<\/p>\n<p>Title: <span style=\"text-decoration: underline\">Measuring heights<\/span><\/p>\n<p>Text: <span style=\"text-decoration: underline\">Using the same steps you can measure the height of any feature on the map. Use the contour lines as a guide to find the highest and lowest points.<\/span><\/p>\n<p>&nbsp;<\/p>\n<p><strong>View 4<\/strong><\/p>\n<p>GIF: measure-area.gif<\/p>\n<p>Icon: measure_area.png<\/p>\n<p>Title: <span style=\"text-decoration: underline\">Measuring area<\/span><\/p>\n<p>Text: <span style=\"text-decoration: underline\">To measure an area on the map, click the map once for every vertex of the area you want to measure. Double-click or click on the first vertex to complete the area.<\/span><\/p>\n<h3 id=\"animation\">Add animations<\/h3>\n<p>As a final touch, you\u2019ll add an animation to make the transitions between views look smooth.<\/p>\n<p>1. Add an animation.<\/p>\n<p>Select the Section widget. In the widget\u2019s <strong>Style<\/strong> tab under <strong>Animation<\/strong>, click <strong>Transition<\/strong> then click the animation thumbnail.<\/p>\n<p>Choose <strong>Fade<\/strong> for the view transition.<\/p>\n"},{"acf_fc_layout":"image","image":{"ID":1881912,"id":1881912,"title":"animation-settings","filename":"animation-settings.jpg","filesize":50545,"url":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2023\/03\/animation-settings.jpg","link":"https:\/\/www.esri.com\/arcgis-blog\/products\/experience-builder\/mapping\/exb-make-an-in-app-tutorial\/animation-settings-2","alt":"Animation settings","author":"289852","description":"","caption":"","name":"animation-settings-2","status":"inherit","uploaded_to":1867402,"date":"2023-03-21 20:39:48","modified":"2023-03-21 20:40:37","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":503,"height":814,"sizes":{"thumbnail":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2023\/03\/animation-settings-213x200.jpg","thumbnail-width":213,"thumbnail-height":200,"medium":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2023\/03\/animation-settings.jpg","medium-width":161,"medium-height":261,"medium_large":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2023\/03\/animation-settings.jpg","medium_large-width":503,"medium_large-height":814,"large":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2023\/03\/animation-settings.jpg","large-width":503,"large-height":814,"1536x1536":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2023\/03\/animation-settings.jpg","1536x1536-width":503,"1536x1536-height":814,"2048x2048":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2023\/03\/animation-settings.jpg","2048x2048-width":503,"2048x2048-height":814,"card_image":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2023\/03\/animation-settings-287x465.jpg","card_image-width":287,"card_image-height":465,"wide_image":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2023\/03\/animation-settings.jpg","wide_image-width":503,"wide_image-height":814}},"image_position":"left-center","orientation":"horizontal","hyperlink":""},{"acf_fc_layout":"content","content":"<h3 id=\"save\">Save and preview<\/h3>\n<p>Click <strong>Live view <\/strong>to test out your tutorial or click <strong>Preview<\/strong> to open the app in a new window.<\/p>\n"},{"acf_fc_layout":"image","image":{"ID":1881932,"id":1881932,"title":"finished-project","filename":"finished-project.gif","filesize":6753340,"url":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2023\/03\/finished-project.gif","link":"https:\/\/www.esri.com\/arcgis-blog\/products\/experience-builder\/mapping\/exb-make-an-in-app-tutorial\/finished-project","alt":"GIF of the finished tutorial","author":"289852","description":"","caption":"","name":"finished-project","status":"inherit","uploaded_to":1867402,"date":"2023-03-21 20:41:29","modified":"2023-03-21 20:42:13","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":640,"height":360,"sizes":{"thumbnail":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2023\/03\/finished-project-213x200.gif","thumbnail-width":213,"thumbnail-height":200,"medium":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2023\/03\/finished-project.gif","medium-width":464,"medium-height":261,"medium_large":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2023\/03\/finished-project.gif","medium_large-width":640,"medium_large-height":360,"large":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2023\/03\/finished-project.gif","large-width":640,"large-height":360,"1536x1536":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2023\/03\/finished-project.gif","1536x1536-width":640,"1536x1536-height":360,"2048x2048":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2023\/03\/finished-project.gif","2048x2048-width":640,"2048x2048-height":360,"card_image":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2023\/03\/finished-project.gif","card_image-width":640,"card_image-height":360,"wide_image":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2023\/03\/finished-project.gif","wide_image-width":640,"wide_image-height":360}},"image_position":"left-center","orientation":"horizontal","hyperlink":""},{"acf_fc_layout":"content","content":"<h3 id=\"info\">More information<\/h3>\n<p>To learn more about 3D GIS projects in Cambridge, Massachusetts, visit <a href=\"https:\/\/www.cambridgema.gov\/GIS\/3D\">Cambridge GIS<\/a>.<\/p>\n<p>For more information about Experience Builder, see the following resources:<\/p>\n<ul>\n<li><a href=\"https:\/\/www.esri.com\/en-us\/arcgis\/products\/arcgis-experience-builder\/overview\">ArcGIS Experience Builder overview<\/a><\/li>\n<li><a href=\"https:\/\/doc.arcgis.com\/en\/experience-builder\/latest\/get-started\/whats-new.htm\">ArcGIS Experience Builder Help: What\u2019s new<\/a><\/li>\n<li><a href=\"https:\/\/doc.arcgis.com\/en\/experience-builder\/latest\/configure-widgets\/section-widget.htm\">ArcGIS Experience Builder Help: Section widget<\/a><\/li>\n<li><a href=\"https:\/\/doc.arcgis.com\/en\/experience-builder\/latest\/configure-widgets\/view-navigation-widget.htm\">ArcGIS Experience Builder Help: Views Navigation widget<\/a><\/li>\n<\/ul>\n"}],"related_articles":[{"ID":1863052,"post_author":"289852","post_date":"2023-04-04 09:00:47","post_date_gmt":"2023-04-04 16:00:47","post_content":"","post_title":"Mars rovers and in-app tutorials in ArcGIS Experience Builder","post_excerpt":"","post_status":"publish","comment_status":"open","ping_status":"closed","post_password":"","post_name":"mars-rovers-experience-builder","to_ping":"","pinged":"","post_modified":"2024-09-10 07:42:20","post_modified_gmt":"2024-09-10 14:42:20","post_content_filtered":"","post_parent":0,"guid":"https:\/\/www.esri.com\/arcgis-blog\/?post_type=blog&#038;p=1863052","menu_order":0,"post_type":"blog","post_mime_type":"","comment_count":"0","filter":"raw"},{"ID":1464452,"post_author":"7411","post_date":"2022-02-11 08:00:49","post_date_gmt":"2022-02-11 16:00:49","post_content":"","post_title":"Pretty in pink part 2: Make an app","post_excerpt":"","post_status":"publish","comment_status":"open","ping_status":"closed","post_password":"","post_name":"pretty-in-pink-2","to_ping":"","pinged":"","post_modified":"2022-02-14 07:57:50","post_modified_gmt":"2022-02-14 15:57:50","post_content_filtered":"","post_parent":0,"guid":"https:\/\/www.esri.com\/arcgis-blog\/?post_type=blog&#038;p=1464452","menu_order":0,"post_type":"blog","post_mime_type":"","comment_count":"0","filter":"raw"},{"ID":729912,"post_author":"7641","post_date":"2021-08-11 14:42:30","post_date_gmt":"2021-08-11 21:42:30","post_content":"","post_title":"Get started with ArcGIS Experience Builder: sync 2D and 3D maps","post_excerpt":"","post_status":"publish","comment_status":"closed","ping_status":"closed","post_password":"","post_name":"get-started-experience-builder-sync-maps","to_ping":"","pinged":"","post_modified":"2021-08-20 16:59:21","post_modified_gmt":"2021-08-20 23:59:21","post_content_filtered":"","post_parent":0,"guid":"https:\/\/www.esri.com\/arcgis-blog\/?post_type=blog&#038;p=729912","menu_order":0,"post_type":"blog","post_mime_type":"","comment_count":"0","filter":"raw"}],"card_image":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2023\/03\/exb-measure-tutorial-card.jpg","wide_image":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2021\/08\/exbr-b.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>Make an in-app tutorial in ArcGIS Experience Builder<\/title>\n<meta name=\"description\" content=\"Learn how to set up the in-app tutorial from the Spatial Studies Lab&#039;s Mars 2020 Mission Tracker in Experience Builder.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/www.esri.com\/arcgis-blog\/products\/experience-builder\/mapping\/exb-make-an-in-app-tutorial\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Make an in-app tutorial in ArcGIS Experience Builder\" \/>\n<meta property=\"og:description\" content=\"Learn how to set up the in-app tutorial from the Spatial Studies Lab&#039;s Mars 2020 Mission Tracker in Experience Builder.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.esri.com\/arcgis-blog\/products\/experience-builder\/mapping\/exb-make-an-in-app-tutorial\" \/>\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-05-23T15:06:35+00:00\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:site\" content=\"@ESRI\" \/>\n<meta name=\"twitter:label1\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data1\" content=\"12 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":[\"Article\",\"BlogPosting\"],\"@id\":\"https:\/\/www.esri.com\/arcgis-blog\/products\/experience-builder\/mapping\/exb-make-an-in-app-tutorial#article\",\"isPartOf\":{\"@id\":\"https:\/\/www.esri.com\/arcgis-blog\/products\/experience-builder\/mapping\/exb-make-an-in-app-tutorial\"},\"author\":{\"name\":\"Thomas Coughlin\",\"@id\":\"https:\/\/www.esri.com\/arcgis-blog\/#\/schema\/person\/053b7b2b311e53cc18344ab1d448d007\"},\"headline\":\"Make an in-app tutorial in ArcGIS Experience Builder\",\"datePublished\":\"2023-04-04T16:05:02+00:00\",\"dateModified\":\"2024-05-23T15:06:35+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/www.esri.com\/arcgis-blog\/products\/experience-builder\/mapping\/exb-make-an-in-app-tutorial\"},\"wordCount\":8,\"commentCount\":1,\"publisher\":{\"@id\":\"https:\/\/www.esri.com\/arcgis-blog\/#organization\"},\"keywords\":[\"Apps\",\"ArcGIS Online\",\"Transportation\",\"Tutorial\"],\"articleSection\":[\"Mapping\"],\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\/\/www.esri.com\/arcgis-blog\/products\/experience-builder\/mapping\/exb-make-an-in-app-tutorial#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/www.esri.com\/arcgis-blog\/products\/experience-builder\/mapping\/exb-make-an-in-app-tutorial\",\"url\":\"https:\/\/www.esri.com\/arcgis-blog\/products\/experience-builder\/mapping\/exb-make-an-in-app-tutorial\",\"name\":\"Make an in-app tutorial in ArcGIS Experience Builder\",\"isPartOf\":{\"@id\":\"https:\/\/www.esri.com\/arcgis-blog\/#website\"},\"datePublished\":\"2023-04-04T16:05:02+00:00\",\"dateModified\":\"2024-05-23T15:06:35+00:00\",\"description\":\"Learn how to set up the in-app tutorial from the Spatial Studies Lab's Mars 2020 Mission Tracker in Experience Builder.\",\"breadcrumb\":{\"@id\":\"https:\/\/www.esri.com\/arcgis-blog\/products\/experience-builder\/mapping\/exb-make-an-in-app-tutorial#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/www.esri.com\/arcgis-blog\/products\/experience-builder\/mapping\/exb-make-an-in-app-tutorial\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/www.esri.com\/arcgis-blog\/products\/experience-builder\/mapping\/exb-make-an-in-app-tutorial#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/www.esri.com\/arcgis-blog\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Make an in-app tutorial in ArcGIS Experience Builder\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/www.esri.com\/arcgis-blog\/#website\",\"url\":\"https:\/\/www.esri.com\/arcgis-blog\/\",\"name\":\"ArcGIS Blog\",\"description\":\"Get insider info from Esri product teams\",\"publisher\":{\"@id\":\"https:\/\/www.esri.com\/arcgis-blog\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/www.esri.com\/arcgis-blog\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/www.esri.com\/arcgis-blog\/#organization\",\"name\":\"Esri\",\"url\":\"https:\/\/www.esri.com\/arcgis-blog\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/www.esri.com\/arcgis-blog\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2018\/04\/Esri.png\",\"contentUrl\":\"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2018\/04\/Esri.png\",\"width\":400,\"height\":400,\"caption\":\"Esri\"},\"image\":{\"@id\":\"https:\/\/www.esri.com\/arcgis-blog\/#\/schema\/logo\/image\/\"},\"sameAs\":[\"https:\/\/www.facebook.com\/esrigis\/\",\"https:\/\/x.com\/ESRI\",\"https:\/\/www.linkedin.com\/company\/5311\/\"]},{\"@type\":\"Person\",\"@id\":\"https:\/\/www.esri.com\/arcgis-blog\/#\/schema\/person\/053b7b2b311e53cc18344ab1d448d007\",\"name\":\"Thomas Coughlin\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/www.esri.com\/arcgis-blog\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2021\/10\/Me-465x465.jpg\",\"contentUrl\":\"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2021\/10\/Me-465x465.jpg\",\"caption\":\"Thomas Coughlin\"},\"description\":\"Thomas writes about ArcGIS Experience Builder and ArcGIS Maps for Adobe Creative Cloud at Esri. He earned a degree in environmental science from the University of Massachusetts Amherst.\",\"sameAs\":[\"https:\/\/www.linkedin.com\/in\/thomas-g-coughlin\/\"],\"jobTitle\":\"Technical Writer\",\"worksFor\":\"Esri\",\"url\":\"https:\/\/www.esri.com\/arcgis-blog\/author\/tcoughlin\"}]}<\/script>\n<!-- \/ Yoast SEO Premium plugin. -->","yoast_head_json":{"title":"Make an in-app tutorial in ArcGIS Experience Builder","description":"Learn how to set up the in-app tutorial from the Spatial Studies Lab's Mars 2020 Mission Tracker in Experience Builder.","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/www.esri.com\/arcgis-blog\/products\/experience-builder\/mapping\/exb-make-an-in-app-tutorial","og_locale":"en_US","og_type":"article","og_title":"Make an in-app tutorial in ArcGIS Experience Builder","og_description":"Learn how to set up the in-app tutorial from the Spatial Studies Lab's Mars 2020 Mission Tracker in Experience Builder.","og_url":"https:\/\/www.esri.com\/arcgis-blog\/products\/experience-builder\/mapping\/exb-make-an-in-app-tutorial","og_site_name":"ArcGIS Blog","article_publisher":"https:\/\/www.facebook.com\/esrigis\/","article_modified_time":"2024-05-23T15:06:35+00:00","twitter_card":"summary_large_image","twitter_site":"@ESRI","twitter_misc":{"Est. reading time":"12 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":["Article","BlogPosting"],"@id":"https:\/\/www.esri.com\/arcgis-blog\/products\/experience-builder\/mapping\/exb-make-an-in-app-tutorial#article","isPartOf":{"@id":"https:\/\/www.esri.com\/arcgis-blog\/products\/experience-builder\/mapping\/exb-make-an-in-app-tutorial"},"author":{"name":"Thomas Coughlin","@id":"https:\/\/www.esri.com\/arcgis-blog\/#\/schema\/person\/053b7b2b311e53cc18344ab1d448d007"},"headline":"Make an in-app tutorial in ArcGIS Experience Builder","datePublished":"2023-04-04T16:05:02+00:00","dateModified":"2024-05-23T15:06:35+00:00","mainEntityOfPage":{"@id":"https:\/\/www.esri.com\/arcgis-blog\/products\/experience-builder\/mapping\/exb-make-an-in-app-tutorial"},"wordCount":8,"commentCount":1,"publisher":{"@id":"https:\/\/www.esri.com\/arcgis-blog\/#organization"},"keywords":["Apps","ArcGIS Online","Transportation","Tutorial"],"articleSection":["Mapping"],"inLanguage":"en-US","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/www.esri.com\/arcgis-blog\/products\/experience-builder\/mapping\/exb-make-an-in-app-tutorial#respond"]}]},{"@type":"WebPage","@id":"https:\/\/www.esri.com\/arcgis-blog\/products\/experience-builder\/mapping\/exb-make-an-in-app-tutorial","url":"https:\/\/www.esri.com\/arcgis-blog\/products\/experience-builder\/mapping\/exb-make-an-in-app-tutorial","name":"Make an in-app tutorial in ArcGIS Experience Builder","isPartOf":{"@id":"https:\/\/www.esri.com\/arcgis-blog\/#website"},"datePublished":"2023-04-04T16:05:02+00:00","dateModified":"2024-05-23T15:06:35+00:00","description":"Learn how to set up the in-app tutorial from the Spatial Studies Lab's Mars 2020 Mission Tracker in Experience Builder.","breadcrumb":{"@id":"https:\/\/www.esri.com\/arcgis-blog\/products\/experience-builder\/mapping\/exb-make-an-in-app-tutorial#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.esri.com\/arcgis-blog\/products\/experience-builder\/mapping\/exb-make-an-in-app-tutorial"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/www.esri.com\/arcgis-blog\/products\/experience-builder\/mapping\/exb-make-an-in-app-tutorial#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/www.esri.com\/arcgis-blog\/"},{"@type":"ListItem","position":2,"name":"Make an in-app tutorial in ArcGIS Experience Builder"}]},{"@type":"WebSite","@id":"https:\/\/www.esri.com\/arcgis-blog\/#website","url":"https:\/\/www.esri.com\/arcgis-blog\/","name":"ArcGIS Blog","description":"Get insider info from Esri product teams","publisher":{"@id":"https:\/\/www.esri.com\/arcgis-blog\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.esri.com\/arcgis-blog\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/www.esri.com\/arcgis-blog\/#organization","name":"Esri","url":"https:\/\/www.esri.com\/arcgis-blog\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.esri.com\/arcgis-blog\/#\/schema\/logo\/image\/","url":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2018\/04\/Esri.png","contentUrl":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2018\/04\/Esri.png","width":400,"height":400,"caption":"Esri"},"image":{"@id":"https:\/\/www.esri.com\/arcgis-blog\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/esrigis\/","https:\/\/x.com\/ESRI","https:\/\/www.linkedin.com\/company\/5311\/"]},{"@type":"Person","@id":"https:\/\/www.esri.com\/arcgis-blog\/#\/schema\/person\/053b7b2b311e53cc18344ab1d448d007","name":"Thomas Coughlin","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.esri.com\/arcgis-blog\/#\/schema\/person\/image\/","url":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2021\/10\/Me-465x465.jpg","contentUrl":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2021\/10\/Me-465x465.jpg","caption":"Thomas Coughlin"},"description":"Thomas writes about ArcGIS Experience Builder and ArcGIS Maps for Adobe Creative Cloud at Esri. He earned a degree in environmental science from the University of Massachusetts Amherst.","sameAs":["https:\/\/www.linkedin.com\/in\/thomas-g-coughlin\/"],"jobTitle":"Technical Writer","worksFor":"Esri","url":"https:\/\/www.esri.com\/arcgis-blog\/author\/tcoughlin"}]}},"text_date":"April 4, 2023","author_name":"Thomas Coughlin","author_page":"https:\/\/www.esri.com\/arcgis-blog\/author\/tcoughlin","custom_image":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2021\/08\/exbr-b.jpg","primary_product":"ArcGIS Experience Builder","tag_data":[{"term_id":43171,"name":"Apps","slug":"apps","term_group":0,"term_taxonomy_id":43171,"taxonomy":"post_tag","description":"","parent":0,"count":35,"filter":"raw"},{"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":23401,"name":"Transportation","slug":"transportation","term_group":0,"term_taxonomy_id":23401,"taxonomy":"post_tag","description":"","parent":0,"count":150,"filter":"raw"},{"term_id":27911,"name":"Tutorial","slug":"tutorial","term_group":0,"term_taxonomy_id":27911,"taxonomy":"post_tag","description":"","parent":0,"count":183,"filter":"raw"}],"category_data":[{"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":400032,"name":"ArcGIS Experience Builder","slug":"experience-builder","term_group":0,"term_taxonomy_id":400032,"taxonomy":"product","description":"","parent":36591,"count":161,"filter":"raw"}],"primary_product_link":"https:\/\/www.esri.com\/arcgis-blog\/?s=#&products=experience-builder","_links":{"self":[{"href":"https:\/\/www.esri.com\/arcgis-blog\/wp-json\/wp\/v2\/blog\/1867402","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.esri.com\/arcgis-blog\/wp-json\/wp\/v2\/blog"}],"about":[{"href":"https:\/\/www.esri.com\/arcgis-blog\/wp-json\/wp\/v2\/types\/blog"}],"author":[{"embeddable":true,"href":"https:\/\/www.esri.com\/arcgis-blog\/wp-json\/wp\/v2\/users\/289852"}],"replies":[{"embeddable":true,"href":"https:\/\/www.esri.com\/arcgis-blog\/wp-json\/wp\/v2\/comments?post=1867402"}],"version-history":[{"count":0,"href":"https:\/\/www.esri.com\/arcgis-blog\/wp-json\/wp\/v2\/blog\/1867402\/revisions"}],"wp:attachment":[{"href":"https:\/\/www.esri.com\/arcgis-blog\/wp-json\/wp\/v2\/media?parent=1867402"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.esri.com\/arcgis-blog\/wp-json\/wp\/v2\/categories?post=1867402"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.esri.com\/arcgis-blog\/wp-json\/wp\/v2\/tags?post=1867402"},{"taxonomy":"industry","embeddable":true,"href":"https:\/\/www.esri.com\/arcgis-blog\/wp-json\/wp\/v2\/industry?post=1867402"},{"taxonomy":"product","embeddable":true,"href":"https:\/\/www.esri.com\/arcgis-blog\/wp-json\/wp\/v2\/product?post=1867402"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}