{"id":1054911,"date":"2020-11-03T02:00:59","date_gmt":"2020-11-03T10:00:59","guid":{"rendered":"https:\/\/www.esri.com\/arcgis-blog\/?post_type=blog&#038;p=1054911"},"modified":"2021-07-01T13:21:35","modified_gmt":"2021-07-01T20:21:35","slug":"build-an-attachment-viewer-app-with-express-setup","status":"publish","type":"blog","link":"https:\/\/www.esri.com\/arcgis-blog\/products\/instant-apps\/mapping\/build-an-attachment-viewer-app-with-express-setup","title":{"rendered":"Build an Attachment Viewer App with Express Setup"},"author":68331,"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,24371],"tags":[42641,42611,23161,24391],"industry":[],"product":[36821,760042,36551],"class_list":["post-1054911","blog","type-blog","status-publish","format-standard","hentry","category-mapping","category-public-safety","tag-arcgis-online","tag-configurable-apps","tag-maps","tag-public-safety","product-configurable-apps","product-instant-apps","product-arcgis-online"],"acf":{"short_description":"Learn how to build an Attachment Viewer Application quickly with the settings available in Express Setup. ","flexible_content":[{"acf_fc_layout":"content","content":"<p><a href=\"https:\/\/www.arcgis.com\/home\/item.html?id=65dd2fa3369649529b2c5939333977a1\">Attachment Viewer<\/a>\u00a0is a configurable app that provides an intuitive feature-by-feature browsing experience where app users can browse feature attachments and view pop-up information. Whether working with a dataset that already has attachments or incorporating attachments during data collection, you can use Attachment Viewer for datasets with images, videos, or PDF files. The app can be paired with data collection workflows using Esri apps such as Geoform, Survey123, Web AppBuilder, ArcGIS Collector, and QuickCapture.<\/p>\n<p>The National Alliance for Public Safety GIS (<a href=\"https:\/\/www.napsgfoundation.org\/about\/\">NAPSG<\/a>) Foundation is a nonprofit organization focused on using GIS to overcome public safety challenges. Since 2017, NAPSG has partnered with <a href=\"https:\/\/www.giscorps.org\/\">GISCorps<\/a> and <a href=\"https:\/\/urldefense.com\/v3\/__https:\/cedrdigitalcorps.org\/__;!!CKZwjTOV!iWfgMJwXfx0v4sB_iEYdYdu8eIIlBfD5sAvUCmGylyLMCQjKvuhre5jPopSr-w4$\">CEDR Digital\u00a0<\/a>on several crowdsourced disaster relief projects with the use of ArcGIS Online web apps and resources. The <a href=\"https:\/\/2020-crowdsourced-disaster-photos-napsg.hub.arcgis.com\/\">2020 Disasters Crowdsourced Photo project<\/a> brings volunteers together by providing a medium (hosted feature layer and Survey123) to contribute photos from social media, news reports, and those taken by individuals for specific disaster-related events, such as hurricanes and wildfires. The result of user-contributed data through the Survey123 apps is a description of the photo and the photo <a href=\"https:\/\/doc.arcgis.com\/en\/arcgis-online\/manage-data\/manage-hosted-feature-layers.htm#ESRI_SECTION1_3FA256DBA3D94BBB9F21CA1481E656E3\">attachments<\/a>. This data can be viewed by the public or used by public safety agencies in response and recovery projects. Attachment Viewer allows you to intuitively share and display this data with the public and other stakeholders.<\/p>\n<p>This article describes the process of creating an Attachment Viewer app featuring the GISCorps data using the new Express Setup experience with the configurable apps. Express Setup focuses on a minimal set of key configurations that can transform a map into an intuitive interactive app. For more information about extending the capabilities of your application with the options available in the Full Setup experience, check out <a href=\"https:\/\/www.esri.com\/arcgis-blog\/products\/configurable-apps\/mapping\/enhance-attachment-viewer-capabilities-with-full-setup\/\">Enhance Attachment Viewer Capabilities with Full Setup<\/a>.<\/p>\n"},{"acf_fc_layout":"content","content":"<p>Step 1. Build a map<\/p>\n<p>Create the web map that will be the foundation of your configurable app. In this example, I added a subset of the data collected through the 2020 Disasters Crowdsource Photo project. This subset of features focuses on the city of Gu\u00e1nica, Puerto Rico, which has several features nearby due to an earthquake that occurred there in January 2020. Consider the following best practices when building a web map for Attachment Viewer.<\/p>\n<p><strong>\u00a0<\/strong><\/p>\n"},{"acf_fc_layout":"content","content":"<p>Best practices to create a web map for Attachment Viewer<\/p>\n<p>a. Choose meaningful symbology for your <strong>dataset<\/strong>.<\/p>\n<p>The map below is symbolized based on the relative scale of damage reported in each photo. This does not indicate a full assessment of the damage but is based on a visual assessment of the photo collected. The damage indicators (Image 1) range from High (red) to Moderate (orange) to Low (yellow) while No Damage is indicated with green symbols and blue symbols indicate that this field was left blank.<\/p>\n"},{"acf_fc_layout":"image","image":{"ID":1055421,"id":1055421,"title":"Picture1","filename":"Picture1-1.png","filesize":7494,"url":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2020\/11\/Picture1-1.png","link":"https:\/\/www.esri.com\/arcgis-blog\/products\/instant-apps\/mapping\/build-an-attachment-viewer-app-with-express-setup\/picture1-13","alt":"Image of legend for 2020 Disaster Photos with a Damage Scale including the following values: High, Moderate, Low, None, Not Specified","author":"68331","description":"","caption":"Image 1 - Legend with Damage Scale for web map","name":"picture1-13","status":"inherit","uploaded_to":1054911,"date":"2020-11-03 20:27:51","modified":"2020-11-03 20:28:30","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":270,"height":294,"sizes":{"thumbnail":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2020\/11\/Picture1-1-213x200.png","thumbnail-width":213,"thumbnail-height":200,"medium":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2020\/11\/Picture1-1.png","medium-width":240,"medium-height":261,"medium_large":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2020\/11\/Picture1-1.png","medium_large-width":270,"medium_large-height":294,"large":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2020\/11\/Picture1-1.png","large-width":270,"large-height":294,"1536x1536":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2020\/11\/Picture1-1.png","1536x1536-width":270,"1536x1536-height":294,"2048x2048":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2020\/11\/Picture1-1.png","2048x2048-width":270,"2048x2048-height":294,"card_image":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2020\/11\/Picture1-1.png","card_image-width":270,"card_image-height":294,"wide_image":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2020\/11\/Picture1-1.png","wide_image-width":270,"wide_image-height":294}},"image_position":"center","orientation":"horizontal","hyperlink":""},{"acf_fc_layout":"content","content":"<p>b. Choose an appropriate basemap that enhances the map and chosen symbology.<\/p>\n<p>The Dark Gray Canvas basemap was selected for this map (Image 3) because it provides context to the location while highlighting the chosen symbology.<\/p>\n"},{"acf_fc_layout":"content","content":"<p>c. Configure your pop-up to display relevant information for each feature. Ensure that the option to show feature attachments as links is enabled.<\/p>\n<p>There is a lot of information available in this dataset and configuring pop-ups to show relevant information allows the app user to focus on the most important aspects of your data. In this dataset, damage is indicated using a number from 0 to 4. The Arcade expression below was used to assign High, Moderate, Low, and Not Categorized to these values.<\/p>\n"},{"acf_fc_layout":"sidebar","content":"","image_reference":false,"layout":"code_snippet","image_reference_figure":"","snippet":"var damage = $feature[\"Damage_Scale\"];var ranking = When(damage  .99 &amp;&amp; damage  1.99 &amp;&amp; damage  2.99 &amp;&amp; damage &lt; 3.99,&#039;High&#039;,&#039;Not Categorized&#039;); ranking","spotlight_name":"","section_title":"","position":"Center","spotlight_image":false},{"acf_fc_layout":"content","content":"<p>The pop-up configuration below (Image 2) includes this Arcade expression to display the Damage Assessment number as a relative ranking along with the description, source, and date and time assigned to the photo.<\/p>\n"},{"acf_fc_layout":"image","image":{"ID":1055441,"id":1055441,"title":"Picture2","filename":"Picture2-1.png","filesize":18436,"url":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2020\/11\/Picture2-1.png","link":"https:\/\/www.esri.com\/arcgis-blog\/products\/instant-apps\/mapping\/build-an-attachment-viewer-app-with-express-setup\/picture2-7","alt":"Image of Custom Attribute Display settings in Map Viewer","author":"68331","description":"","caption":"Image 2 - Pop-up configuration in Map Viewer","name":"picture2-7","status":"inherit","uploaded_to":1054911,"date":"2020-11-03 20:29:17","modified":"2020-11-03 20:29:47","menu_order":0,"mime_type":"image\/png","type":"image","subtype":"png","icon":"https:\/\/www.esri.com\/arcgis-blog\/wp-includes\/images\/media\/default.png","width":442,"height":333,"sizes":{"thumbnail":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2020\/11\/Picture2-1-213x200.png","thumbnail-width":213,"thumbnail-height":200,"medium":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2020\/11\/Picture2-1.png","medium-width":346,"medium-height":261,"medium_large":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2020\/11\/Picture2-1.png","medium_large-width":442,"medium_large-height":333,"large":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2020\/11\/Picture2-1.png","large-width":442,"large-height":333,"1536x1536":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2020\/11\/Picture2-1.png","1536x1536-width":442,"1536x1536-height":333,"2048x2048":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2020\/11\/Picture2-1.png","2048x2048-width":442,"2048x2048-height":333,"card_image":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2020\/11\/Picture2-1.png","card_image-width":442,"card_image-height":333,"wide_image":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2020\/11\/Picture2-1.png","wide_image-width":442,"wide_image-height":333}},"image_position":"center","orientation":"horizontal","hyperlink":""},{"acf_fc_layout":"content","content":"<p>d. Set the default extent of the map to establish the starting point of the app.<\/p>\n<p>The starting location for this app will be the city of Gu\u00e1nica, Puerto Rico, which has a high concentration of photo locations due to a nearby earthquake in January 2020. Zoom to the area you want to be the <a href=\"https:\/\/doc.arcgis.com\/en\/arcgis-online\/administer\/configure-map.htm#ESRI_SECTION1_1224F13B9D2B451DBBA6E1CEA434E653\">default extent<\/a> of your map, which is the area of the map that will be visible to the app user when the app is launched. Save the web map.<\/p>\n"},{"acf_fc_layout":"image","image":{"ID":1055481,"id":1055481,"title":"Picture3","filename":"Picture3-3.png","filesize":45828,"url":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2020\/11\/Picture3-3.png","link":"https:\/\/www.esri.com\/arcgis-blog\/products\/instant-apps\/mapping\/build-an-attachment-viewer-app-with-express-setup\/picture3-8","alt":"Image of web map with configured pop-up open","author":"68331","description":"","caption":"Image 3 - Web map with configured pop-up","name":"picture3-8","status":"inherit","uploaded_to":1054911,"date":"2020-11-03 20:32:46","modified":"2020-11-03 20:33:05","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":620,"height":432,"sizes":{"thumbnail":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2020\/11\/Picture3-3-213x200.png","thumbnail-width":213,"thumbnail-height":200,"medium":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2020\/11\/Picture3-3.png","medium-width":375,"medium-height":261,"medium_large":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2020\/11\/Picture3-3.png","medium_large-width":620,"medium_large-height":432,"large":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2020\/11\/Picture3-3.png","large-width":620,"large-height":432,"1536x1536":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2020\/11\/Picture3-3.png","1536x1536-width":620,"1536x1536-height":432,"2048x2048":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2020\/11\/Picture3-3.png","2048x2048-width":620,"2048x2048-height":432,"card_image":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2020\/11\/Picture3-3.png","card_image-width":620,"card_image-height":432,"wide_image":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2020\/11\/Picture3-3.png","wide_image-width":620,"wide_image-height":432}},"image_position":"center","orientation":"horizontal","hyperlink":""},{"acf_fc_layout":"content","content":"<p>Step 2. Create the app<\/p>\n<p>From Map Viewer, click <strong>Share<\/strong>, choose <strong>Create a Web App<\/strong>, choose <strong>Attachment Viewer<\/strong>, and click <strong>Create Web App<\/strong> (Image 4).<\/p>\n"},{"acf_fc_layout":"image","image":{"ID":1055501,"id":1055501,"title":"Picture4","filename":"Picture4-1.png","filesize":52940,"url":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2020\/11\/Picture4-1.png","link":"https:\/\/www.esri.com\/arcgis-blog\/products\/instant-apps\/mapping\/build-an-attachment-viewer-app-with-express-setup\/picture4-6","alt":"Image of Create New Web App menu with Attachment Viewer highlighted","author":"68331","description":"","caption":"Image 4 - Select Attachment Viewer app from window","name":"picture4-6","status":"inherit","uploaded_to":1054911,"date":"2020-11-03 20:35:32","modified":"2020-11-03 20:35: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":567,"height":393,"sizes":{"thumbnail":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2020\/11\/Picture4-1-213x200.png","thumbnail-width":213,"thumbnail-height":200,"medium":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2020\/11\/Picture4-1.png","medium-width":377,"medium-height":261,"medium_large":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2020\/11\/Picture4-1.png","medium_large-width":567,"medium_large-height":393,"large":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2020\/11\/Picture4-1.png","large-width":567,"large-height":393,"1536x1536":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2020\/11\/Picture4-1.png","1536x1536-width":567,"1536x1536-height":393,"2048x2048":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2020\/11\/Picture4-1.png","2048x2048-width":567,"2048x2048-height":393,"card_image":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2020\/11\/Picture4-1.png","card_image-width":567,"card_image-height":393,"wide_image":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2020\/11\/Picture4-1.png","wide_image-width":567,"wide_image-height":393}},"image_position":"center","orientation":"horizontal","hyperlink":""},{"acf_fc_layout":"content","content":"<p>Step 3. Configure the App<\/p>\n<p>Once you create the app, a new window appears with the default <strong>Express Setup<\/strong> configuration panel (Image 5), which includes the following sections:<\/p>\n<ol>\n<li><strong>Map<\/strong>\u2014 Select the map to display in your app.<\/li>\n<li><strong>About<\/strong>\u2014Include information to help readers understand your app.<\/li>\n<li><strong>Interactivity<\/strong>\u2014Provide ways to encourage map exploration.<\/li>\n<li><strong>Theme &amp; Layout<\/strong>\u2014Custom the look of your app.<\/li>\n<\/ol>\n"},{"acf_fc_layout":"image","image":{"ID":1073041,"id":1073041,"title":"Express Steps","filename":"Express-Steps.png","filesize":13428,"url":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2020\/11\/Express-Steps.png","link":"https:\/\/www.esri.com\/arcgis-blog\/products\/instant-apps\/mapping\/build-an-attachment-viewer-app-with-express-setup\/express-steps","alt":"Image of Express Setup steps","author":"68331","description":"","caption":"Image 5 - Express Setup configuration panel","name":"express-steps","status":"inherit","uploaded_to":1054911,"date":"2020-12-04 00:24:27","modified":"2020-12-04 00:25:09","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":351,"height":499,"sizes":{"thumbnail":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2020\/11\/Express-Steps-213x200.png","thumbnail-width":213,"thumbnail-height":200,"medium":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2020\/11\/Express-Steps.png","medium-width":184,"medium-height":261,"medium_large":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2020\/11\/Express-Steps.png","medium_large-width":351,"medium_large-height":499,"large":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2020\/11\/Express-Steps.png","large-width":351,"large-height":499,"1536x1536":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2020\/11\/Express-Steps.png","1536x1536-width":351,"1536x1536-height":499,"2048x2048":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2020\/11\/Express-Steps.png","2048x2048-width":351,"2048x2048-height":499,"card_image":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2020\/11\/Express-Steps-327x465.png","card_image-width":327,"card_image-height":465,"wide_image":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2020\/11\/Express-Steps.png","wide_image-width":351,"wide_image-height":499}},"image_position":"center","orientation":"horizontal","hyperlink":""},{"acf_fc_layout":"content","content":"<p style=\"margin: 0in;\"><strong>Map<\/strong><br \/>\nThe <strong>Map<\/strong> section (Image 6) provides the option to select a different map to include in your app. As I created this app from the intended web map, no changes need to be made. Click <strong>Next<\/strong> to browse to the <strong>About<\/strong> section.<\/p>\n"},{"acf_fc_layout":"image","image":{"ID":1055531,"id":1055531,"title":"Picture6","filename":"Picture6-1.png","filesize":87761,"url":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2020\/11\/Picture6-1.png","link":"https:\/\/www.esri.com\/arcgis-blog\/products\/instant-apps\/mapping\/build-an-attachment-viewer-app-with-express-setup\/picture6-3","alt":"Image of Map settings featured in Express Setup","author":"68331","description":"","caption":"Image 6 - Map options in Express Setup","name":"picture6-3","status":"inherit","uploaded_to":1054911,"date":"2020-11-03 20:37:56","modified":"2020-11-03 20:38:16","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":908,"height":413,"sizes":{"thumbnail":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2020\/11\/Picture6-1-213x200.png","thumbnail-width":213,"thumbnail-height":200,"medium":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2020\/11\/Picture6-1.png","medium-width":464,"medium-height":211,"medium_large":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2020\/11\/Picture6-1.png","medium_large-width":768,"medium_large-height":349,"large":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2020\/11\/Picture6-1.png","large-width":908,"large-height":413,"1536x1536":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2020\/11\/Picture6-1.png","1536x1536-width":908,"1536x1536-height":413,"2048x2048":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2020\/11\/Picture6-1.png","2048x2048-width":908,"2048x2048-height":413,"card_image":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2020\/11\/Picture6-1-826x376.png","card_image-width":826,"card_image-height":376,"wide_image":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2020\/11\/Picture6-1.png","wide_image-width":908,"wide_image-height":413}},"image_position":"center","orientation":"horizontal","hyperlink":""},{"acf_fc_layout":"content","content":"<p><strong>About<\/strong><br \/>\nThe <strong>About<\/strong> section allows you to add information that provide context about your app. This includes the ability to update the app\u2019s title, customize the introduction panel and to include the legend on the map. The introduction panel, which explains how to interact with the app, is enabled by default and is activated by clicking the information button (Image 7). The default introduction panel includes information about how to browse location details and attachments as well as information about how to explore the map. Enabling the legend provides app users with information about the symbology on the map. Click <strong>Next<\/strong> to browse to the <strong>Interactivity<\/strong> section.<\/p>\n"},{"acf_fc_layout":"image","image":{"ID":1055551,"id":1055551,"title":"Picture7","filename":"Picture7-1.png","filesize":26982,"url":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2020\/11\/Picture7-1.png","link":"https:\/\/www.esri.com\/arcgis-blog\/products\/instant-apps\/mapping\/build-an-attachment-viewer-app-with-express-setup\/picture7-5","alt":"Image of About section options featured in Express Setup","author":"68331","description":"","caption":"Image 7 - About options and introduction panel","name":"picture7-5","status":"inherit","uploaded_to":1054911,"date":"2020-11-03 20:39:20","modified":"2020-11-03 20:39:46","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":460,"height":355,"sizes":{"thumbnail":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2020\/11\/Picture7-1-213x200.png","thumbnail-width":213,"thumbnail-height":200,"medium":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2020\/11\/Picture7-1.png","medium-width":338,"medium-height":261,"medium_large":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2020\/11\/Picture7-1.png","medium_large-width":460,"medium_large-height":355,"large":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2020\/11\/Picture7-1.png","large-width":460,"large-height":355,"1536x1536":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2020\/11\/Picture7-1.png","1536x1536-width":460,"1536x1536-height":355,"2048x2048":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2020\/11\/Picture7-1.png","2048x2048-width":460,"2048x2048-height":355,"card_image":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2020\/11\/Picture7-1.png","card_image-width":460,"card_image-height":355,"wide_image":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2020\/11\/Picture7-1.png","wide_image-width":460,"wide_image-height":355}},"image_position":"center","orientation":"horizontal","hyperlink":""},{"acf_fc_layout":"content","content":"<p style=\"margin: 0in;\"><strong>Interactivity<\/strong><br \/>\nThe <strong>Interactivity<\/strong> section allows you to enable the <strong>Search<\/strong> tool and add or remove search sources for your application. For this application, <strong>Search<\/strong> has been enabled to allow app users to search for other locations. For instance, a user may be interested in seeing any features around San Juan (Image 8). They can type the city name in the search bar and select the result to navigate to the location of interest. Click <strong>Next<\/strong> to browse to the <strong>Theme &amp; Layout<\/strong> section<\/p>\n"},{"acf_fc_layout":"image","image":{"ID":1055591,"id":1055591,"title":"Picture8","filename":"Picture10-1-e1607041577940.png","filesize":265240,"url":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2020\/11\/Picture10-1-e1607041577940.png","link":"https:\/\/www.esri.com\/arcgis-blog\/products\/instant-apps\/mapping\/build-an-attachment-viewer-app-with-express-setup\/picture10-5","alt":"Image of completed application displaying search result for San Juan, Puerto Rico","author":"68331","description":"","caption":"Image 8 - App displaying search result for San Juan, Puerto Rico","name":"picture10-5","status":"inherit","uploaded_to":1054911,"date":"2020-11-03 20:43:30","modified":"2020-12-04 00:28:46","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":906,"height":455,"sizes":{"thumbnail":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2020\/11\/Picture10-1-e1607041577940-213x200.png","thumbnail-width":213,"thumbnail-height":200,"medium":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2020\/11\/Picture10-1-e1607041577940-464x233.png","medium-width":464,"medium-height":233,"medium_large":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2020\/11\/Picture10-1-e1607041577940-768x386.png","medium_large-width":768,"medium_large-height":386,"large":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2020\/11\/Picture10-1-e1607041577940.png","large-width":906,"large-height":455,"1536x1536":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2020\/11\/Picture10-1-e1607041577940.png","1536x1536-width":906,"1536x1536-height":455,"2048x2048":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2020\/11\/Picture10-1-e1607041577940.png","2048x2048-width":906,"2048x2048-height":455,"card_image":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2020\/11\/Picture10-1-e1607041577940-826x415.png","card_image-width":826,"card_image-height":415,"wide_image":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2020\/11\/Picture10-1-e1607041577940.png","wide_image-width":906,"wide_image-height":455}},"image_position":"center","orientation":"horizontal","hyperlink":""},{"acf_fc_layout":"content","content":"<p><strong>Theme &amp; Layout<\/strong><br \/>\nThe <strong>Theme &amp; Layout<\/strong> section allows you to change the app theme colors and overall look of your app. The default Attachment focused layout places attachments in the main panel of the app, emphasizing the amount of space to display the image. Here app users can zoom and pan around the image while the associated features are highlighted on the map and the pop-up information is displayed below. This layout allows users to browse the attachments for each location using the arrows above the map (Image 9).<\/p>\n"},{"acf_fc_layout":"image","image":{"ID":1055561,"id":1055561,"title":"Picture9","filename":"Picture8-1.png","filesize":183481,"url":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2020\/11\/Picture8-1.png","link":"https:\/\/www.esri.com\/arcgis-blog\/products\/instant-apps\/mapping\/build-an-attachment-viewer-app-with-express-setup\/picture8-5","alt":"Image of Theme & Layout settings featured in Express Setup for Attachment focused layout","author":"68331","description":"","caption":"Image 9 - Theme &amp; Layout options with Attachment focused layout","name":"picture8-5","status":"inherit","uploaded_to":1054911,"date":"2020-11-03 20:40:25","modified":"2020-12-04 00:37:03","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":1008,"height":757,"sizes":{"thumbnail":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2020\/11\/Picture8-1-213x200.png","thumbnail-width":213,"thumbnail-height":200,"medium":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2020\/11\/Picture8-1.png","medium-width":348,"medium-height":261,"medium_large":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2020\/11\/Picture8-1.png","medium_large-width":768,"medium_large-height":577,"large":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2020\/11\/Picture8-1.png","large-width":1008,"large-height":757,"1536x1536":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2020\/11\/Picture8-1.png","1536x1536-width":1008,"1536x1536-height":757,"2048x2048":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2020\/11\/Picture8-1.png","2048x2048-width":1008,"2048x2048-height":757,"card_image":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2020\/11\/Picture8-1-619x465.png","card_image-width":619,"card_image-height":465,"wide_image":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2020\/11\/Picture8-1.png","wide_image-width":1008,"wide_image-height":757}},"image_position":"center","orientation":"horizontal","hyperlink":""},{"acf_fc_layout":"content","content":"<p style=\"margin: 0in;\">The Map focused layout (Image 10) places the map and map tools in the main panel and displays a gallery of the attachments in the left panel. If the extent of the map changes, the gallery of attachments updates to show the photos associated with features that appear in the current view. App users can click an image to view information in the pop-up and expand the image to zoom and pan around the photo. To allow users to pan and zoom to different regions and view multiple photos at once, this app uses the Map focused layout.<\/p>\n<p>This section allows you to enable a <a href=\"https:\/\/www.esri.com\/arcgis-blog\/products\/sharing-collaboration\/sharing-collaboration\/introducing-shared-theme-a-new-app-styling-capability-in-arcgis-online\/\">Shared Theme<\/a> in your app or choose header text and background colors. The background color for this app has been updated to a dark purple color. Click <strong>Back<\/strong> to return to the Express Setup options.<\/p>\n"},{"acf_fc_layout":"image","image":{"ID":1055581,"id":1055581,"title":"Picture10","filename":"Picture9-1.png","filesize":127895,"url":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2020\/11\/Picture9-1.png","link":"https:\/\/www.esri.com\/arcgis-blog\/products\/instant-apps\/mapping\/build-an-attachment-viewer-app-with-express-setup\/picture9-3","alt":"","author":"68331","description":"","caption":"Image 10 - Theme &amp; Layout options and Map focused layout","name":"picture9-3","status":"inherit","uploaded_to":1054911,"date":"2020-11-03 20:42:37","modified":"2020-12-04 22:25:49","menu_order":0,"mime_type":"image\/png","type":"image","subtype":"png","icon":"https:\/\/www.esri.com\/arcgis-blog\/wp-includes\/images\/media\/default.png","width":937,"height":514,"sizes":{"thumbnail":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2020\/11\/Picture9-1-213x200.png","thumbnail-width":213,"thumbnail-height":200,"medium":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2020\/11\/Picture9-1.png","medium-width":464,"medium-height":255,"medium_large":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2020\/11\/Picture9-1.png","medium_large-width":768,"medium_large-height":421,"large":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2020\/11\/Picture9-1.png","large-width":937,"large-height":514,"1536x1536":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2020\/11\/Picture9-1.png","1536x1536-width":937,"1536x1536-height":514,"2048x2048":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2020\/11\/Picture9-1.png","2048x2048-width":937,"2048x2048-height":514,"card_image":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2020\/11\/Picture9-1-826x453.png","card_image-width":826,"card_image-height":453,"wide_image":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2020\/11\/Picture9-1.png","wide_image-width":937,"wide_image-height":514}},"image_position":"center","orientation":"horizontal","hyperlink":""},{"acf_fc_layout":"content","content":"<p><strong>Step 4. Share the app<\/strong><\/p>\n<p>The completed <a href=\"https:\/\/arcgis.com\/apps\/instant\/attachmentviewer\/index.html?appid=f17a137ff8aa46e5918e6697c705dd63\">app<\/a> is ready to share with your audience. Browse to the bottom of the configuration panel and click <strong>Publish<\/strong> to open the <strong>Publish<\/strong> window (Image 11).<\/p>\n"},{"acf_fc_layout":"image","image":{"ID":1073161,"id":1073161,"title":"Image 11","filename":"ConfirmPublish.png","filesize":21299,"url":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2020\/09\/ConfirmPublish.png","link":"https:\/\/www.esri.com\/arcgis-blog\/?attachment_id=1073161","alt":"Image of the Publish option on the configuration panel and the Confirm button on the Publish window","author":"68331","description":"","caption":"Image 11 - Publish the application to save settings and share the app","name":"confirmpublish-2","status":"inherit","uploaded_to":1019901,"date":"2020-12-04 01:37:47","modified":"2020-12-08 16:52:38","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":937,"height":698,"sizes":{"thumbnail":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2020\/09\/ConfirmPublish-213x200.png","thumbnail-width":213,"thumbnail-height":200,"medium":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2020\/09\/ConfirmPublish.png","medium-width":350,"medium-height":261,"medium_large":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2020\/09\/ConfirmPublish.png","medium_large-width":768,"medium_large-height":572,"large":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2020\/09\/ConfirmPublish.png","large-width":937,"large-height":698,"1536x1536":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2020\/09\/ConfirmPublish.png","1536x1536-width":937,"1536x1536-height":698,"2048x2048":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2020\/09\/ConfirmPublish.png","2048x2048-width":937,"2048x2048-height":698,"card_image":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2020\/09\/ConfirmPublish-624x465.png","card_image-width":624,"card_image-height":465,"wide_image":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2020\/09\/ConfirmPublish.png","wide_image-width":937,"wide_image-height":698}},"image_position":"center","orientation":"horizontal","hyperlink":""},{"acf_fc_layout":"content","content":"<p>Click <strong>Confirm<\/strong> to save all settings and publish the app. The app is now ready to be shared. Share your work on <a href=\"https:\/\/community.esri.com\/community\/gis\/web-gis\/arcgisonline\/content\">GeoNet<\/a> so others can see what you can do with Attachment Viewer.<\/p>\n"}],"authors":[{"ID":68331,"user_firstname":"Krista","user_lastname":"McPherson","nickname":"Krista McPherson","user_nicename":"kmcpherson","display_name":"Krista McPherson","user_email":"kMcPherson@esri.com","user_url":"","user_registered":"2020-07-21 22:41:26","user_description":"Krista is a Product Engineer on ArcGIS Instant Apps team.","user_avatar":"<img data-del=\"avatar\" src='https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2025\/07\/ProfilePhotoNew-213x200.jpeg' class='avatar pp-user-avatar avatar-96 photo ' height='96' width='96'\/>"}],"related_articles":"","card_image":false,"wide_image":false},"yoast_head":"<!-- This site is optimized with the Yoast SEO Premium plugin v25.9 (Yoast SEO v25.9) - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>Build an Attachment Viewer App with Express Setup<\/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\/instant-apps\/mapping\/build-an-attachment-viewer-app-with-express-setup\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Build an Attachment Viewer App with Express Setup\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.esri.com\/arcgis-blog\/products\/instant-apps\/mapping\/build-an-attachment-viewer-app-with-express-setup\" \/>\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=\"2021-07-01T20:21:35+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\/instant-apps\/mapping\/build-an-attachment-viewer-app-with-express-setup#article\",\"isPartOf\":{\"@id\":\"https:\/\/www.esri.com\/arcgis-blog\/products\/instant-apps\/mapping\/build-an-attachment-viewer-app-with-express-setup\"},\"author\":{\"name\":\"Krista McPherson\",\"@id\":\"https:\/\/www.esri.com\/arcgis-blog\/#\/schema\/person\/d3b3c47ca0b4c2a0bb98903a0c94d9b2\"},\"headline\":\"Build an Attachment Viewer App with Express Setup\",\"datePublished\":\"2020-11-03T10:00:59+00:00\",\"dateModified\":\"2021-07-01T20:21:35+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/www.esri.com\/arcgis-blog\/products\/instant-apps\/mapping\/build-an-attachment-viewer-app-with-express-setup\"},\"wordCount\":8,\"commentCount\":2,\"publisher\":{\"@id\":\"https:\/\/www.esri.com\/arcgis-blog\/#organization\"},\"keywords\":[\"ArcGIS Online\",\"configurable apps\",\"maps\",\"Public safety\"],\"articleSection\":[\"Mapping\",\"Public Safety\"],\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\/\/www.esri.com\/arcgis-blog\/products\/instant-apps\/mapping\/build-an-attachment-viewer-app-with-express-setup#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/www.esri.com\/arcgis-blog\/products\/instant-apps\/mapping\/build-an-attachment-viewer-app-with-express-setup\",\"url\":\"https:\/\/www.esri.com\/arcgis-blog\/products\/instant-apps\/mapping\/build-an-attachment-viewer-app-with-express-setup\",\"name\":\"Build an Attachment Viewer App with Express Setup\",\"isPartOf\":{\"@id\":\"https:\/\/www.esri.com\/arcgis-blog\/#website\"},\"datePublished\":\"2020-11-03T10:00:59+00:00\",\"dateModified\":\"2021-07-01T20:21:35+00:00\",\"breadcrumb\":{\"@id\":\"https:\/\/www.esri.com\/arcgis-blog\/products\/instant-apps\/mapping\/build-an-attachment-viewer-app-with-express-setup#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/www.esri.com\/arcgis-blog\/products\/instant-apps\/mapping\/build-an-attachment-viewer-app-with-express-setup\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/www.esri.com\/arcgis-blog\/products\/instant-apps\/mapping\/build-an-attachment-viewer-app-with-express-setup#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/www.esri.com\/arcgis-blog\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Build an Attachment Viewer App with Express Setup\"}]},{\"@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\/d3b3c47ca0b4c2a0bb98903a0c94d9b2\",\"name\":\"Krista McPherson\",\"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\/2025\/07\/ProfilePhotoNew-213x200.jpeg\",\"contentUrl\":\"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2025\/07\/ProfilePhotoNew-213x200.jpeg\",\"caption\":\"Krista McPherson\"},\"description\":\"Krista is a Product Engineer on ArcGIS Instant Apps team.\",\"url\":\"https:\/\/www.esri.com\/arcgis-blog\/author\/kmcpherson\"}]}<\/script>\n<!-- \/ Yoast SEO Premium plugin. -->","yoast_head_json":{"title":"Build an Attachment Viewer App with Express Setup","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\/instant-apps\/mapping\/build-an-attachment-viewer-app-with-express-setup","og_locale":"en_US","og_type":"article","og_title":"Build an Attachment Viewer App with Express Setup","og_url":"https:\/\/www.esri.com\/arcgis-blog\/products\/instant-apps\/mapping\/build-an-attachment-viewer-app-with-express-setup","og_site_name":"ArcGIS Blog","article_publisher":"https:\/\/www.facebook.com\/esrigis\/","article_modified_time":"2021-07-01T20:21:35+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\/instant-apps\/mapping\/build-an-attachment-viewer-app-with-express-setup#article","isPartOf":{"@id":"https:\/\/www.esri.com\/arcgis-blog\/products\/instant-apps\/mapping\/build-an-attachment-viewer-app-with-express-setup"},"author":{"name":"Krista McPherson","@id":"https:\/\/www.esri.com\/arcgis-blog\/#\/schema\/person\/d3b3c47ca0b4c2a0bb98903a0c94d9b2"},"headline":"Build an Attachment Viewer App with Express Setup","datePublished":"2020-11-03T10:00:59+00:00","dateModified":"2021-07-01T20:21:35+00:00","mainEntityOfPage":{"@id":"https:\/\/www.esri.com\/arcgis-blog\/products\/instant-apps\/mapping\/build-an-attachment-viewer-app-with-express-setup"},"wordCount":8,"commentCount":2,"publisher":{"@id":"https:\/\/www.esri.com\/arcgis-blog\/#organization"},"keywords":["ArcGIS Online","configurable apps","maps","Public safety"],"articleSection":["Mapping","Public Safety"],"inLanguage":"en-US","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/www.esri.com\/arcgis-blog\/products\/instant-apps\/mapping\/build-an-attachment-viewer-app-with-express-setup#respond"]}]},{"@type":"WebPage","@id":"https:\/\/www.esri.com\/arcgis-blog\/products\/instant-apps\/mapping\/build-an-attachment-viewer-app-with-express-setup","url":"https:\/\/www.esri.com\/arcgis-blog\/products\/instant-apps\/mapping\/build-an-attachment-viewer-app-with-express-setup","name":"Build an Attachment Viewer App with Express Setup","isPartOf":{"@id":"https:\/\/www.esri.com\/arcgis-blog\/#website"},"datePublished":"2020-11-03T10:00:59+00:00","dateModified":"2021-07-01T20:21:35+00:00","breadcrumb":{"@id":"https:\/\/www.esri.com\/arcgis-blog\/products\/instant-apps\/mapping\/build-an-attachment-viewer-app-with-express-setup#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.esri.com\/arcgis-blog\/products\/instant-apps\/mapping\/build-an-attachment-viewer-app-with-express-setup"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/www.esri.com\/arcgis-blog\/products\/instant-apps\/mapping\/build-an-attachment-viewer-app-with-express-setup#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/www.esri.com\/arcgis-blog\/"},{"@type":"ListItem","position":2,"name":"Build an Attachment Viewer App with Express Setup"}]},{"@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\/d3b3c47ca0b4c2a0bb98903a0c94d9b2","name":"Krista McPherson","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\/2025\/07\/ProfilePhotoNew-213x200.jpeg","contentUrl":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2025\/07\/ProfilePhotoNew-213x200.jpeg","caption":"Krista McPherson"},"description":"Krista is a Product Engineer on ArcGIS Instant Apps team.","url":"https:\/\/www.esri.com\/arcgis-blog\/author\/kmcpherson"}]}},"text_date":"November 3, 2020","author_name":"Krista McPherson","author_page":"https:\/\/www.esri.com\/arcgis-blog\/author\/kmcpherson","custom_image":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2025\/08\/Newsroom-Keyart-Wide-1920-x-1080.jpg","primary_product":"ArcGIS Instant Apps","tag_data":[{"term_id":42641,"name":"ArcGIS Online","slug":"arcgis-online","term_group":0,"term_taxonomy_id":42641,"taxonomy":"post_tag","description":"","parent":0,"count":420,"filter":"raw"},{"term_id":42611,"name":"configurable apps","slug":"configurable-apps","term_group":0,"term_taxonomy_id":42611,"taxonomy":"post_tag","description":"","parent":0,"count":47,"filter":"raw"},{"term_id":23161,"name":"maps","slug":"maps","term_group":0,"term_taxonomy_id":23161,"taxonomy":"post_tag","description":"","parent":0,"count":155,"filter":"raw"},{"term_id":24391,"name":"Public safety","slug":"public-safety","term_group":0,"term_taxonomy_id":24391,"taxonomy":"post_tag","description":"","parent":0,"count":204,"filter":"raw"}],"category_data":[{"term_id":22941,"name":"Mapping","slug":"mapping","term_group":0,"term_taxonomy_id":22941,"taxonomy":"category","description":"","parent":0,"count":2689,"filter":"raw"},{"term_id":24371,"name":"Public Safety","slug":"public-safety","term_group":0,"term_taxonomy_id":24371,"taxonomy":"category","description":"","parent":0,"count":280,"filter":"raw"}],"product_data":[{"term_id":36821,"name":"ArcGIS Configurable Apps","slug":"configurable-apps","term_group":0,"term_taxonomy_id":36821,"taxonomy":"product","description":"","parent":36591,"count":94,"filter":"raw"},{"term_id":760042,"name":"ArcGIS Instant Apps","slug":"instant-apps","term_group":0,"term_taxonomy_id":760042,"taxonomy":"product","description":"","parent":36591,"count":111,"filter":"raw"},{"term_id":36551,"name":"ArcGIS Online","slug":"arcgis-online","term_group":0,"term_taxonomy_id":36551,"taxonomy":"product","description":"","parent":0,"count":2425,"filter":"raw"}],"primary_product_link":"https:\/\/www.esri.com\/arcgis-blog\/?s=#&products=instant-apps","_links":{"self":[{"href":"https:\/\/www.esri.com\/arcgis-blog\/wp-json\/wp\/v2\/blog\/1054911","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\/68331"}],"replies":[{"embeddable":true,"href":"https:\/\/www.esri.com\/arcgis-blog\/wp-json\/wp\/v2\/comments?post=1054911"}],"version-history":[{"count":0,"href":"https:\/\/www.esri.com\/arcgis-blog\/wp-json\/wp\/v2\/blog\/1054911\/revisions"}],"wp:attachment":[{"href":"https:\/\/www.esri.com\/arcgis-blog\/wp-json\/wp\/v2\/media?parent=1054911"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.esri.com\/arcgis-blog\/wp-json\/wp\/v2\/categories?post=1054911"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.esri.com\/arcgis-blog\/wp-json\/wp\/v2\/tags?post=1054911"},{"taxonomy":"industry","embeddable":true,"href":"https:\/\/www.esri.com\/arcgis-blog\/wp-json\/wp\/v2\/industry?post=1054911"},{"taxonomy":"product","embeddable":true,"href":"https:\/\/www.esri.com\/arcgis-blog\/wp-json\/wp\/v2\/product?post=1054911"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}