{"id":68751,"date":"2015-07-30T14:14:34","date_gmt":"2015-07-30T14:14:34","guid":{"rendered":"http:\/\/www.esri.com\/arcgis-blog\/products\/product\/uncategorized\/how-to-add-a-widget-to-a-configurable-app\/"},"modified":"2018-03-26T21:06:13","modified_gmt":"2018-03-26T21:06:13","slug":"how-to-add-a-widget-to-a-configurable-app","status":"publish","type":"blog","link":"https:\/\/www.esri.com\/arcgis-blog\/products\/sharing-collaboration\/sharing-collaboration\/how-to-add-a-widget-to-a-configurable-app","title":{"rendered":"How to Add a Widget to a Configurable App"},"author":6111,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"open","ping_status":"closed","template":"","format":"standard","meta":{"_acf_changed":false,"_searchwp_excluded":""},"categories":[37511],"tags":[24421],"industry":[],"product":[36591,36821,36551,36601],"class_list":["post-68751","blog","type-blog","status-publish","format-standard","hentry","category-sharing-collaboration","tag-templates","product-apps","product-configurable-apps","product-arcgis-online","product-developers"],"acf":{"short_description":"Each configurable app in the\u00a0configurable apps gallery supports a unique set of tools. You can download the source code for each configu...","flexible_content":[{"acf_fc_layout":"content","content":"<p>Each configurable app in the\u00a0<a href=\"http:\/\/www.arcgis.com\/home\/gallery.html#c=esri&amp;t=apps&amp;o=modified&amp;f=configurable\">configurable apps gallery<\/a> supports a unique set of tools. You can download the source code for each configurable app to customize which tools are available. After you host your custom template on your web server, you can add that modified version to you organization\u2019s gallery so it is easy for members of your organization to use. Here are the steps you can follow to add the print widget to the <a href=\"http:\/\/www.arcgis.com\/home\/item.html?id=21f8e7d08a4140d1a33b9089446dd8de\">Simple Map Viewer<\/a>.<\/p>\n<p>1. Download the\u00a0<a href=\"https:\/\/github.com\/Esri\/SimpleViewer\">source code<\/a> from GitHub.<\/p>\n<p>2. Add the div tags to the file index.html.<\/p>\n<p style=\"padding-left: 30px\">a. Create a print button inside a container to place it in.<\/p>\n<pre>45\u00a0\u00a0\u00a0 &lt;div id=\"mapDiv\" dir=\"ltr\"&gt;&lt;\/div&gt;\n46\u00a0\u00a0\u00a0\u00a0\u00a0 &lt;div id=\"printContainer\"&gt;\n47\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0 &lt;div id=\"printDiv\"&gt;&lt;\/div&gt;\n48\u00a0\u00a0\u00a0\u00a0\u00a0 &lt;\/div&gt;\n49\u00a0\u00a0 &lt;\/div&gt;<\/pre>\n<p>3. Add the source reference to the print module in main.js.<\/p>\n<p style=\"padding-left: 30px\">a. Insert \u201cesri\/dijit\/Print\u201d in the first line.<\/p>\n<pre>1    define([\"dojo\/ready\"... \"esri\/layers\/FeatureLayer\", <strong>\"esri\/dijit\/Print\"<\/strong>], function (<\/pre>\n<p style=\"padding-left: 30px\">b. Insert Print in the second line in the corresponding order you used in the first line. See more about AMD modules in <a href=\"http:\/\/blogs.esri.com\/esri\/arcgis\/2013\/10\/14\/the-abcs-of-amd\/\">this post<\/a>.<\/p>\n<pre>2    ready... FeatureLayer, <strong>Print<\/strong>) {<\/pre>\n<p>4. Instantiate the print widget, specify the div id, and associate it with your map.<\/p>\n<p style=\"padding-left: 30px\">a. The print widget, like many other widgets, relies on the map being loaded. The _mapLoaded method will run after the map has been made, making a good place to instantiate print.<\/p>\n<pre>213\u00a0\u00a0\u00a0 if (this.config.print)\u00a0\u00a0 {\n214\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0 domClass.add(dom.byId(\"printContainer\"), \"showPrint\");\n215\u00a0\u00a0\u00a0\u00a0\u00a0 \/\/ Define the url to the print service that the sample uses.\n216\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0 var printUrl = \"http:\/\/sampleserver6.arcgisonline.com\/arcgis\/rest\/services\/\/\n\/Utilities\/PrintingTools\/GPServer\/Export%20Web%20Map%20Task\";\n217\n218\u00a0\u00a0\u00a0\u00a0\u00a0 \/\/ Create the print widget\n219\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0 var printer = new Print({\n220 \u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0 map: this.map,\n221\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0 url: printUrl\n222 \u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0 }, dom.byId(\"printDiv\"));\n223 \u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0 printer.startup();\n224 \u00a0\u00a0\u00a0 }<\/pre>\n<p style=\"padding-left: 60px\">i. See <a href=\"https:\/\/developers.arcgis.com\/javascript\/jsapi\/print-amd.html\">this page <\/a>to learn more about how to use the print widget.<\/p>\n<p>5. Place and style the widget in main.css.<\/p>\n<pre>274\u00a0\u00a0  #printContainer.showPrint{\n275  \u00a0 \u00a0\u00a0 display: block;\n276\u00a0 \u00a0 }\n277\n278 \u00a0\u00a0 #printContainer{\n279  \u00a0 \u00a0\u00a0 display: none;\n280 \u00a0  \u00a0\u00a0 position: absolute;\n281 \u00a0  \u00a0 \u00a0top:220px;\n282 \u00a0 \u00a0 \u00a0 left:5px;\n283 \u00a0 \u00a0\u00a0  background-color: #fff; \/*Set the panel background color to white*\/\n284 \u00a0 \u00a0\u00a0  border-radius: 4px; \/*Make the panel corners rounded*\/\n285  \u00a0 \u00a0\u00a0 border: solid 1px #333;\n287  \u00a0 \u00a0\u00a0 width:100px; \/*Set the panel to be 100 pixels wide*\/\n288       padding:2px; \n289 \u00a0  }\n290\n291    #printDiv{\n292       display: table;\n293       margin:0 auto; \n294    }<\/pre>\n<p>6. Add print to configurationPanel.js in the resources folder. This will add the configuration options so that app authors can enable or disable the print button in the configuration panel.<\/p>\n<pre>61    {\n62\u00a0   \u00a0\u00a0 \"category\": \"Tools\",\n63\u00a0 \u00a0\u00a0 \u00a0 \"fields\":[\n64\u00a0 \u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0 {\n65\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0 \"type\": \"boolean\",\n66\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0 \"fieldName\": \"locate\",\n67\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0 \"label\": \"Find Location\"\n68\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0 },{\n69\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0 \"type\": \"boolean\",\n70\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0 \"fieldName\": \"home\",\n71 \u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0 \"label\": \"Home Extent Button\"\n72\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0 },{\n73\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0 \"type\": \"boolean\",\n74\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0 \"fieldName\": \"print\",\n75\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0 \"label\": \"Print\"\n76\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0 }\n77 \u00a0 \u00a0 \u00a0 ]\u00a0 \n78 \u00a0  }<\/pre>\n<p style=\"padding-left: 30px\">a. See <a href=\"https:\/\/doc.arcgis.com\/en\/arcgis-online\/create-maps\/configurable-templates.htm\">this help doc<\/a> for information adding parameters to configurable templates.<\/p>\n<p style=\"padding-left: 30px\">b. The code above will produce the following section of the configuration panel:<\/p>\n<p>\u00a0<a href=\"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2015\/07\/config-panel.jpg\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-52470 noIMGBackground\" src=\"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2015\/07\/config-panel.jpg\" alt=\"\" width=\"377\" height=\"113\" \/><\/a><\/p>\n<p>Now you are ready to deploy this app to your ArcGIS Online account as a configurable app and add it to your gallery. Do so by following these steps:<\/p>\n<p>1. Click add item on the My Content page.<\/p>\n<p>2. Give the address to the index.html file of your app hosted in your web server.<\/p>\n<p>3. Select Configurable as the purpose.<\/p>\n<p>4. Copy the code from configurationPanel.js to the configuration parameters section of the item details of your app.<\/p>\n<p>5. Create a group and add the app that you have created.<\/p>\n<p>6. Click the My Organization link at the top of the page.<\/p>\n<p>7. Check that you are an administrator of your organization.<\/p>\n<p>8. Click Edit Settings.<\/p>\n<p>9. Click the Maps tab.<\/p>\n<p>10. Choose the group you created in step 5 under Web App Templates.<\/p>\n<p>11. Your application template will now be in the gallery of configurable apps for members of your organization.<\/p>\n<p style=\"padding-left: 30px\">a. The application will only be available to users with access to your web server. If you want people outside of your server to have access, attach the code as a zip file from the item details page of the application.<\/p>\n<p>Here is what a map looks like with my version of the Simple Map Viewer:<\/p>\n<p><a href=\"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2015\/07\/simple-with-print.jpg\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone  wp-image-52473 noIMGBackground\" src=\"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2015\/07\/simple-with-print.jpg\" alt=\"\" width=\"640\" height=\"704\" \/><\/a><\/p>\n<p>Here is a link to the item details page where you can download the code:<a href=\"http:\/\/webapps.maps.arcgis.com\/home\/item.html?id=6d41153556084d75a64dc8509dd4bd8e\"> http:\/\/www.arcgis.com\/home\/item.html?id=6d41153556084d75a64dc8509dd4bd8e<\/a><\/p>\n<p>I choose to add print to the Simple Map Viewer. However, you could add any widget to any template that you want. Start by looking at their API reference pages for some of the most popular widgets:<\/p>\n<p><a href=\"https:\/\/developers.arcgis.com\/javascript\/jsapi\/search-amd.html\">Search<\/a>, <a href=\"https:\/\/developers.arcgis.com\/javascript\/jsapi\/homebutton-amd.html\">Home<\/a>, <a href=\"https:\/\/developers.arcgis.com\/javascript\/jsapi\/locator-amd.html\">Locate<\/a>, <a href=\"https:\/\/developers.arcgis.com\/javascript\/jsapi\/basemapgallery-amd.html\">BasemapGallery<\/a>, <a href=\"https:\/\/developers.arcgis.com\/javascript\/jsapi\/basemaptoggle-amd.html\">BasemapToggle<\/a>, <a href=\"https:\/\/developers.arcgis.com\/javascript\/jsapi\/layerlist-amd.html\">LayerList<\/a>, <a href=\"https:\/\/developers.arcgis.com\/javascript\/jsapi\/legend-amd.html\">Legend<\/a>, <a href=\"https:\/\/developers.arcgis.com\/javascript\/jsapi\/scalebar-amd.html\">Scalebar<\/a><\/p>\n<p><em>Written by Chris Fitzpatrick, configurable apps intern.<\/em><\/p>\n"}],"authors":[{"ID":6111,"user_firstname":"Ian","user_lastname":"Wittenmyer","nickname":"Ian Wittenmyer","user_nicename":"ianwittenmyer","display_name":"Ian Wittenmyer","user_email":"iwittenmyer@esri.com","user_url":"https:\/\/www.arcgis.com","user_registered":"2018-03-02 00:17:59","user_description":"Product Engineer for ArcGIS Online and Configurable App Templates","user_avatar":"<img data-del=\"avatar\" src='https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2019\/04\/IanWittenmyer-150x150.jpg' class='avatar pp-user-avatar avatar-96 photo ' height='96' width='96'\/>"}]},"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>How to Add a Widget to a Configurable App<\/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\/sharing-collaboration\/sharing-collaboration\/how-to-add-a-widget-to-a-configurable-app\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"How to Add a Widget to a Configurable App\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.esri.com\/arcgis-blog\/products\/sharing-collaboration\/sharing-collaboration\/how-to-add-a-widget-to-a-configurable-app\" \/>\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=\"2018-03-26T21:06:13+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\/sharing-collaboration\/sharing-collaboration\/how-to-add-a-widget-to-a-configurable-app#article\",\"isPartOf\":{\"@id\":\"https:\/\/www.esri.com\/arcgis-blog\/products\/sharing-collaboration\/sharing-collaboration\/how-to-add-a-widget-to-a-configurable-app\"},\"author\":{\"name\":\"Ian Wittenmyer\",\"@id\":\"https:\/\/www.esri.com\/arcgis-blog\/#\/schema\/person\/99e15920459cfb4865d1fef2ed562d14\"},\"headline\":\"How to Add a Widget to a Configurable App\",\"datePublished\":\"2015-07-30T14:14:34+00:00\",\"dateModified\":\"2018-03-26T21:06:13+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/www.esri.com\/arcgis-blog\/products\/sharing-collaboration\/sharing-collaboration\/how-to-add-a-widget-to-a-configurable-app\"},\"wordCount\":9,\"commentCount\":0,\"publisher\":{\"@id\":\"https:\/\/www.esri.com\/arcgis-blog\/#organization\"},\"keywords\":[\"templates\"],\"articleSection\":[\"Sharing and Collaboration\"],\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\/\/www.esri.com\/arcgis-blog\/products\/sharing-collaboration\/sharing-collaboration\/how-to-add-a-widget-to-a-configurable-app#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/www.esri.com\/arcgis-blog\/products\/sharing-collaboration\/sharing-collaboration\/how-to-add-a-widget-to-a-configurable-app\",\"url\":\"https:\/\/www.esri.com\/arcgis-blog\/products\/sharing-collaboration\/sharing-collaboration\/how-to-add-a-widget-to-a-configurable-app\",\"name\":\"How to Add a Widget to a Configurable App\",\"isPartOf\":{\"@id\":\"https:\/\/www.esri.com\/arcgis-blog\/#website\"},\"datePublished\":\"2015-07-30T14:14:34+00:00\",\"dateModified\":\"2018-03-26T21:06:13+00:00\",\"breadcrumb\":{\"@id\":\"https:\/\/www.esri.com\/arcgis-blog\/products\/sharing-collaboration\/sharing-collaboration\/how-to-add-a-widget-to-a-configurable-app#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/www.esri.com\/arcgis-blog\/products\/sharing-collaboration\/sharing-collaboration\/how-to-add-a-widget-to-a-configurable-app\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/www.esri.com\/arcgis-blog\/products\/sharing-collaboration\/sharing-collaboration\/how-to-add-a-widget-to-a-configurable-app#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/www.esri.com\/arcgis-blog\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"How to Add a Widget to a Configurable App\"}]},{\"@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\/99e15920459cfb4865d1fef2ed562d14\",\"name\":\"Ian Wittenmyer\",\"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\/2019\/04\/IanWittenmyer-150x150.jpg\",\"contentUrl\":\"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2019\/04\/IanWittenmyer-150x150.jpg\",\"caption\":\"Ian Wittenmyer\"},\"description\":\"Product Engineer for ArcGIS Online and Configurable App Templates\",\"sameAs\":[\"https:\/\/www.arcgis.com\",\"https:\/\/www.linkedin.com\/in\/ian-wittenmyer-27a78745\/\",\"https:\/\/x.com\/IanWittenmyer\"],\"url\":\"https:\/\/www.esri.com\/arcgis-blog\/author\/ianwittenmyer\"}]}<\/script>\n<!-- \/ Yoast SEO Premium plugin. -->","yoast_head_json":{"title":"How to Add a Widget to a Configurable App","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\/sharing-collaboration\/sharing-collaboration\/how-to-add-a-widget-to-a-configurable-app","og_locale":"en_US","og_type":"article","og_title":"How to Add a Widget to a Configurable App","og_url":"https:\/\/www.esri.com\/arcgis-blog\/products\/sharing-collaboration\/sharing-collaboration\/how-to-add-a-widget-to-a-configurable-app","og_site_name":"ArcGIS Blog","article_publisher":"https:\/\/www.facebook.com\/esrigis\/","article_modified_time":"2018-03-26T21:06:13+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\/sharing-collaboration\/sharing-collaboration\/how-to-add-a-widget-to-a-configurable-app#article","isPartOf":{"@id":"https:\/\/www.esri.com\/arcgis-blog\/products\/sharing-collaboration\/sharing-collaboration\/how-to-add-a-widget-to-a-configurable-app"},"author":{"name":"Ian Wittenmyer","@id":"https:\/\/www.esri.com\/arcgis-blog\/#\/schema\/person\/99e15920459cfb4865d1fef2ed562d14"},"headline":"How to Add a Widget to a Configurable App","datePublished":"2015-07-30T14:14:34+00:00","dateModified":"2018-03-26T21:06:13+00:00","mainEntityOfPage":{"@id":"https:\/\/www.esri.com\/arcgis-blog\/products\/sharing-collaboration\/sharing-collaboration\/how-to-add-a-widget-to-a-configurable-app"},"wordCount":9,"commentCount":0,"publisher":{"@id":"https:\/\/www.esri.com\/arcgis-blog\/#organization"},"keywords":["templates"],"articleSection":["Sharing and Collaboration"],"inLanguage":"en-US","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/www.esri.com\/arcgis-blog\/products\/sharing-collaboration\/sharing-collaboration\/how-to-add-a-widget-to-a-configurable-app#respond"]}]},{"@type":"WebPage","@id":"https:\/\/www.esri.com\/arcgis-blog\/products\/sharing-collaboration\/sharing-collaboration\/how-to-add-a-widget-to-a-configurable-app","url":"https:\/\/www.esri.com\/arcgis-blog\/products\/sharing-collaboration\/sharing-collaboration\/how-to-add-a-widget-to-a-configurable-app","name":"How to Add a Widget to a Configurable App","isPartOf":{"@id":"https:\/\/www.esri.com\/arcgis-blog\/#website"},"datePublished":"2015-07-30T14:14:34+00:00","dateModified":"2018-03-26T21:06:13+00:00","breadcrumb":{"@id":"https:\/\/www.esri.com\/arcgis-blog\/products\/sharing-collaboration\/sharing-collaboration\/how-to-add-a-widget-to-a-configurable-app#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.esri.com\/arcgis-blog\/products\/sharing-collaboration\/sharing-collaboration\/how-to-add-a-widget-to-a-configurable-app"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/www.esri.com\/arcgis-blog\/products\/sharing-collaboration\/sharing-collaboration\/how-to-add-a-widget-to-a-configurable-app#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/www.esri.com\/arcgis-blog\/"},{"@type":"ListItem","position":2,"name":"How to Add a Widget to a Configurable App"}]},{"@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\/99e15920459cfb4865d1fef2ed562d14","name":"Ian Wittenmyer","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\/2019\/04\/IanWittenmyer-150x150.jpg","contentUrl":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2019\/04\/IanWittenmyer-150x150.jpg","caption":"Ian Wittenmyer"},"description":"Product Engineer for ArcGIS Online and Configurable App Templates","sameAs":["https:\/\/www.arcgis.com","https:\/\/www.linkedin.com\/in\/ian-wittenmyer-27a78745\/","https:\/\/x.com\/IanWittenmyer"],"url":"https:\/\/www.esri.com\/arcgis-blog\/author\/ianwittenmyer"}]}},"text_date":"July 30, 2015","author_name":"Ian Wittenmyer","author_page":"https:\/\/www.esri.com\/arcgis-blog\/author\/ianwittenmyer","custom_image":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2025\/08\/Newsroom-Keyart-Wide-1920-x-1080.jpg","primary_product":"Apps","tag_data":[{"term_id":24421,"name":"templates","slug":"templates","term_group":0,"term_taxonomy_id":24421,"taxonomy":"post_tag","description":"","parent":0,"count":61,"filter":"raw"}],"category_data":[{"term_id":37511,"name":"Sharing and Collaboration","slug":"sharing-collaboration","term_group":0,"term_taxonomy_id":37511,"taxonomy":"category","description":"","parent":0,"count":429,"filter":"raw"}],"product_data":[{"term_id":36591,"name":"Apps","slug":"apps","term_group":0,"term_taxonomy_id":36591,"taxonomy":"product","description":"","parent":0,"count":650,"filter":"raw"},{"term_id":36821,"name":"ArcGIS Configurable Apps","slug":"configurable-apps","term_group":0,"term_taxonomy_id":36821,"taxonomy":"product","description":"","parent":36591,"count":93,"filter":"raw"},{"term_id":36551,"name":"ArcGIS Online","slug":"arcgis-online","term_group":0,"term_taxonomy_id":36551,"taxonomy":"product","description":"","parent":0,"count":2445,"filter":"raw"},{"term_id":36601,"name":"Developers","slug":"developers","term_group":0,"term_taxonomy_id":36601,"taxonomy":"product","description":"","parent":0,"count":770,"filter":"raw"}],"primary_product_link":"https:\/\/www.esri.com\/arcgis-blog\/?s=#&products=apps","_links":{"self":[{"href":"https:\/\/www.esri.com\/arcgis-blog\/wp-json\/wp\/v2\/blog\/68751","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\/6111"}],"replies":[{"embeddable":true,"href":"https:\/\/www.esri.com\/arcgis-blog\/wp-json\/wp\/v2\/comments?post=68751"}],"version-history":[{"count":0,"href":"https:\/\/www.esri.com\/arcgis-blog\/wp-json\/wp\/v2\/blog\/68751\/revisions"}],"wp:attachment":[{"href":"https:\/\/www.esri.com\/arcgis-blog\/wp-json\/wp\/v2\/media?parent=68751"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.esri.com\/arcgis-blog\/wp-json\/wp\/v2\/categories?post=68751"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.esri.com\/arcgis-blog\/wp-json\/wp\/v2\/tags?post=68751"},{"taxonomy":"industry","embeddable":true,"href":"https:\/\/www.esri.com\/arcgis-blog\/wp-json\/wp\/v2\/industry?post=68751"},{"taxonomy":"product","embeddable":true,"href":"https:\/\/www.esri.com\/arcgis-blog\/wp-json\/wp\/v2\/product?post=68751"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}