{"id":60,"date":"2019-10-29T17:12:01","date_gmt":"2019-10-29T17:12:01","guid":{"rendered":"https:\/\/dlac.grinnell.edu\/arcgisonline\/?page_id=60"},"modified":"2022-04-08T21:52:51","modified_gmt":"2022-04-08T21:52:51","slug":"web-appbuilder","status":"publish","type":"page","link":"https:\/\/dlac.grinnell.edu\/arcgisonline\/web-apps\/web-appbuilder\/","title":{"rendered":"Web AppBuilder"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"60\" class=\"elementor elementor-60\">\n\t\t\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-fd37893 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"fd37893\" data-element_type=\"section\" data-e-type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-8859096\" data-id=\"8859096\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-f4c3882 elementor-widget elementor-widget-heading\" data-id=\"f4c3882\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">What is an ArcGIS Web App?<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-2e3ea16 elementor-widget elementor-widget-text-editor\" data-id=\"2e3ea16\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p>Web AppBuilder for ArcGIS is an intuitive what-you-see-is-what-you-get (WYSIWYG) application that allows you to build 2D and 3D web apps without writing a single line of code. It includes powerful tools to configure fully featured HTML apps. As you add your map and tools, you can see them in the app, and use them right away.<\/p><p>A published web app is based on a map authored with Map Viewer. Any changes the author makes to the map, including its extent, layers, description, and so on, are reflected in the web app. If a map that was available to everyone in the organization is made private (or deleted), the map no longer appears in the app.<\/p><p>Please note that Web AppBuilder is compatible only with the Classic Map Viewer, not the new Map Viewer. There are other methods you can use to create web apps with the new Map Viewer: see more information at <a href=\"https:\/\/doc.arcgis.com\/en\/arcgis-online\/create-maps\/create-map-apps.htm\">&#8220;Create maps from apps&#8221;<\/a> (ArcGIS.com).<\/p><p><em>Content in this section was adapted from \u201c<a href=\"https:\/\/doc.arcgis.com\/en\/web-appbuilder\/create-apps\/what-is-web-appbuilder.htm\">Create Apps: What is the Web Application Builder<\/a>\u201d (ArcGIS.com).<\/em><\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-6139d88 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"6139d88\" data-element_type=\"section\" data-e-type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-8044526\" data-id=\"8044526\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-db5f76f elementor-widget elementor-widget-heading\" data-id=\"db5f76f\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Creating a Web App<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-351216e elementor-widget elementor-widget-text-editor\" data-id=\"351216e\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<table><tbody><tr><td>\u00a0<\/td><td><h4><b>Create an app<img decoding=\"async\" class=\"size-medium alignleft\" src=\"https:\/\/doc.arcgis.com\/en\/web-appbuilder\/create-apps\/GUID-9FB4FAA8-FA83-47B4-9EE1-AA707EB5FF4C-web.png\" width=\"120\" height=\"90\" \/><\/b><\/h4><\/td><td>Access Web AppBuilder from<a href=\"https:\/\/doc.arcgis.com\/en\/arcgis-online\/create-maps\/create-map-apps.htm#ESRI_SECTION1_0A0E43463F304E60B556A670D1CCB6C1\"> Map Viewer<\/a>,<a href=\"https:\/\/doc.arcgis.com\/en\/arcgis-online\/create-maps\/create-scene-apps.htm\"> Scene Viewer<\/a>,<a href=\"https:\/\/doc.arcgis.com\/en\/arcgis-online\/create-maps\/create-map-apps.htm#ESRI_SECTION1_1308883F68B54B34B2DC6E9461874458\"> View item details<\/a>, or the My Content tab of the content page.<\/td><\/tr><tr><td>\u00a0<\/td><td><h4><b>Choose a theme<img decoding=\"async\" class=\"size-medium alignleft\" src=\"https:\/\/doc.arcgis.com\/en\/web-appbuilder\/create-apps\/GUID-19360774-E062-4EF2-858B-794A9FABDE65-web.png\" width=\"120\" height=\"90\" \/><\/b><\/h4><\/td><td>Configure the look and feel of the app by choosing a theme. A theme includes a collection of panels, styles, layouts, and preconfigured widgets.<\/td><\/tr><tr><td>\u00a0<\/td><td><h4><b>Select a map or scene<img decoding=\"async\" class=\"size-medium alignleft\" src=\"https:\/\/doc.arcgis.com\/en\/web-appbuilder\/create-apps\/GUID-7848B442-E326-4798-81C9-EC344B1F0398-web.png\" width=\"120\" height=\"90\" \/><\/b><\/h4><\/td><td>Select a map or a scene you&#8217;ve created or choose one from your organization. If you open Web AppBuilder from Map Viewer or Scene Viewer, you&#8217;ll already have a map or scene selected, but you can change it.<\/td><\/tr><tr><td>\u00a0<\/td><td><h4><b>Add widgets<img loading=\"lazy\" decoding=\"async\" class=\"size-medium alignleft\" src=\"https:\/\/doc.arcgis.com\/en\/web-appbuilder\/create-apps\/GUID-63ED925B-6608-42E3-9A90-A7234D6E8C07-web.png\" width=\"120\" height=\"90\" \/><\/b><\/h4><\/td><td>Widgets give your app functionality, such as the ability to print an overview map. Each theme has its own preconfigured set of widgets, and you can add more.<\/td><\/tr><tr><td>\u00a0<\/td><td><h4><b>Configure attributes<img loading=\"lazy\" decoding=\"async\" class=\"size-medium alignleft\" src=\"https:\/\/doc.arcgis.com\/en\/web-appbuilder\/create-apps\/GUID-BC6AFDED-6053-414C-90E3-6FDC6377DADE-web.png\" width=\"120\" height=\"90\" \/><\/b><\/h4><\/td><td>Attributes allow you to customize your app banner with a logo, title, hyperlinks, and so on.<\/td><\/tr><tr><td>\u00a0<\/td><td><h4><b>Preview, save, and open<img loading=\"lazy\" decoding=\"async\" class=\"size-medium alignleft\" src=\"https:\/\/doc.arcgis.com\/en\/web-appbuilder\/create-apps\/GUID-2A33C8B9-18F4-4E59-8C0C-2102AF835679-web.png\" width=\"120\" height=\"90\" \/><\/b><\/h4><\/td><td>You can preview your app with popular device screen sizes (2D apps only). When you&#8217;ve completed the previous steps, save and open your new app.<\/td><\/tr><\/tbody><\/table><p><i>Content in this section was adapted from \u201c<\/i><a href=\"https:\/\/doc.arcgis.com\/en\/web-appbuilder\/create-apps\/make-first-app.htm\"><i>Create Apps: Make Your First Web App<\/i><\/a><i>\u201d (ArcGIS.com)<\/i><\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-cb754ac elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"cb754ac\" data-element_type=\"section\" data-e-type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-c754ba6\" data-id=\"c754ba6\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-84a6adf elementor-tabs-view-horizontal elementor-widget elementor-widget-tabs\" data-id=\"84a6adf\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"tabs.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-tabs\">\n\t\t\t<div class=\"elementor-tabs-wrapper\" role=\"tablist\" >\n\t\t\t\t\t\t\t\t\t<div id=\"elementor-tab-title-1391\" class=\"elementor-tab-title elementor-tab-desktop-title\" aria-selected=\"true\" data-tab=\"1\" role=\"tab\" tabindex=\"0\" aria-controls=\"elementor-tab-content-1391\" aria-expanded=\"false\">Create an app starting from Map Viewer<\/div>\n\t\t\t\t\t\t\t\t\t<div id=\"elementor-tab-title-1392\" class=\"elementor-tab-title elementor-tab-desktop-title\" aria-selected=\"false\" data-tab=\"2\" role=\"tab\" tabindex=\"-1\" aria-controls=\"elementor-tab-content-1392\" aria-expanded=\"false\">Create an app starting from the content page<\/div>\n\t\t\t\t\t\t\t\t\t<div id=\"elementor-tab-title-1393\" class=\"elementor-tab-title elementor-tab-desktop-title\" aria-selected=\"false\" data-tab=\"3\" role=\"tab\" tabindex=\"-1\" aria-controls=\"elementor-tab-content-1393\" aria-expanded=\"false\">Create an app starting from the item page<\/div>\n\t\t\t\t\t\t\t<\/div>\n\t\t\t<div class=\"elementor-tabs-content-wrapper\" role=\"tablist\" aria-orientation=\"vertical\">\n\t\t\t\t\t\t\t\t\t<div class=\"elementor-tab-title elementor-tab-mobile-title\" aria-selected=\"true\" data-tab=\"1\" role=\"tab\" tabindex=\"0\" aria-controls=\"elementor-tab-content-1391\" aria-expanded=\"false\">Create an app starting from Map Viewer<\/div>\n\t\t\t\t\t<div id=\"elementor-tab-content-1391\" class=\"elementor-tab-content elementor-clearfix\" data-tab=\"1\" role=\"tabpanel\" aria-labelledby=\"elementor-tab-title-1391\" tabindex=\"0\" hidden=\"false\"><p>To create an app starting from Map Viewer, follow the steps below.\u00a0<\/p><ul><li>Verify that you are signed in with<a href=\"https:\/\/doc.arcgis.com\/en\/arcgis-online\/reference\/roles.htm\"> privileges<\/a> to create and share content.<\/li><li>Open a saved map in Map Viewer and click Share.<\/li><li>Click Create A Web App.<br \/>The Share window appears with the following tabs: Configurable Apps, Web AppBuilder, and Operations Dashboard.<\/li><li><p>To use a configurable template, click the Configurable Apps tab and do the following:<\/p><ol><li>Choose what you want the app to do.<br \/>By default, all apps are shown, but you can use the filters in the panel to narrow your search.<\/li><li>Click a thumbnail to see a description of the app and access the Create Web App button.<\/li><li>Click Create Web App to start configuring your app.<\/li><li>Type a title, tags, and a summary for your app and choose the folder in which to save the app.<\/li><li>If your organization has<a href=\"https:\/\/doc.arcgis.com\/en\/arcgis-online\/administer\/manage-items.htm#ESRI_SECTION2_2B7004AE7B7C4F838F5F3316006DA829\"> set up content categories<\/a>, click Assign Category and select up to 20 categories to help people find your app. You can also use the Filter categories box to narrow the list of categories.<\/li><li>If you want to immediately share this app, check the Share this app in the same way as the map box. If you do not check this box, you&#8217;ll need to specify how to<a href=\"https:\/\/doc.arcgis.com\/en\/arcgis-online\/share-maps\/share-items.htm\"> share the app<\/a> from My Content.<\/li><li>OPTIONAL: change the components of the app, such as the theme, widgets, and miscellaneous items. Click Save when you are finished configuring the app.<\/li><li>Click Done to publish the app.<br \/><br \/><\/li><\/ol><\/li><li><p>To use<a href=\"https:\/\/links.esri.com\/webappbuilder\"> Web AppBuilder<\/a>, do the following:<\/p><ol><li>Click the Web AppBuilder tab.<\/li><li>Type a title, tags, and a summary for your app.<\/li><li>If your organization has<a href=\"https:\/\/doc.arcgis.com\/en\/arcgis-online\/administer\/manage-items.htm#ESRI_SECTION2_2B7004AE7B7C4F838F5F3316006DA829\"> set up content categories<\/a>, click Assign Category and select up to 20 categories to help people find your app. You can also use the Filter categories box to narrow the list of categories.<\/li><li>Choose 2D.<\/li><li>Choose the folder in which to save the app.<\/li><li>Choose whether to apply the same sharing properties to the app as you have on the map.<\/li><li>Click Get Started to open<a href=\"https:\/\/links.esri.com\/webappbuilder\"> Web AppBuilder<\/a> and continue creating your app.<\/li><\/ol><\/li><\/ul><p><i>Content in this section was adapted from \u201c<\/i><a href=\"https:\/\/doc.arcgis.com\/en\/arcgis-online\/create-maps\/create-map-apps.htm\"><i>Creating Web Applications<\/i><\/a><i>\u201d (ArcGIS.com)<\/i><\/p><\/div>\n\t\t\t\t\t\t\t\t\t<div class=\"elementor-tab-title elementor-tab-mobile-title\" aria-selected=\"false\" data-tab=\"2\" role=\"tab\" tabindex=\"-1\" aria-controls=\"elementor-tab-content-1392\" aria-expanded=\"false\">Create an app starting from the content page<\/div>\n\t\t\t\t\t<div id=\"elementor-tab-content-1392\" class=\"elementor-tab-content elementor-clearfix\" data-tab=\"2\" role=\"tabpanel\" aria-labelledby=\"elementor-tab-title-1392\" tabindex=\"0\" hidden=\"hidden\"><p>To create an app starting from the content page, follow the steps below.<\/p><ul><li>Verify that you are signed in with<a href=\"https:\/\/doc.arcgis.com\/en\/arcgis-online\/reference\/roles.htm\"> privileges<\/a> to create content.<\/li><li>On the My Content tab of the content page, click Create.<\/li><li><p>To use a configurable app, click Using a Template and do the following:<\/p><ol><li>Choose a configurable app.<br \/>By default, all apps are shown, but you can use the filters in the panel to narrow your search.<\/li><li>Click a thumbnail to see a description of the app and access the Create Web App button.<\/li><li>Click Create Web App to start configuring your app.<\/li><li>Type a title, tags, and a summary.<\/li><li>If your organization has<a href=\"https:\/\/doc.arcgis.com\/en\/arcgis-online\/administer\/manage-items.htm#ESRI_SECTION2_2B7004AE7B7C4F838F5F3316006DA829\"> set up content categories<\/a>, click Assign Category and select up to 20 categories to help people find your app. You can also use the Filter categories box to narrow the list of categories.<\/li><li>Optionally select a different folder in My Content in which to save your app.<\/li><li>Click Done to publish the app.<br \/>Your app is published to ArcGIS Online and an unshared item is added to My Content. (To make your app accessible to others, you need to<a href=\"https:\/\/doc.arcgis.com\/en\/arcgis-online\/share-maps\/share-items.htm\"> share it<\/a>.)<\/li><li>Choose a map to use in the app and click Select.<\/li><li>Change any other configurable components in the app, such as the theme, widgets, and miscellaneous items.<\/li><li>Click Save to save your changes and click Close when you are finished configuring your app.<\/li><\/ol><\/li><\/ul><ul><li><p>To use<a href=\"https:\/\/links.esri.com\/webappbuilder\"> Web AppBuilder<\/a>, click Using the Web AppBuilder and do the following:<\/p><ol><li>Type a title, tags, and a summary.<\/li><li>If your organization has<a href=\"https:\/\/doc.arcgis.com\/en\/arcgis-online\/administer\/manage-items.htm#ESRI_SECTION2_2B7004AE7B7C4F838F5F3316006DA829\"> set up content categories<\/a>, click Assign Category and select up to 20 categories to help people find your app. You can also use the Filter categories box to narrow the list of categories.<\/li><li>Optionally select a different folder in My Content in which to save your app.<\/li><li>Click Get Started to open Web AppBuilder and continue creating your app.<\/li><\/ol><\/li><\/ul><p><i>Content in this section was adapted from \u201c<\/i><a href=\"https:\/\/doc.arcgis.com\/en\/arcgis-online\/create-maps\/create-map-apps.htm\"><i>Creating Web Applications<\/i><\/a><i>\u201d (ArcGIS.com)<\/i><\/p><\/div>\n\t\t\t\t\t\t\t\t\t<div class=\"elementor-tab-title elementor-tab-mobile-title\" aria-selected=\"false\" data-tab=\"3\" role=\"tab\" tabindex=\"-1\" aria-controls=\"elementor-tab-content-1393\" aria-expanded=\"false\">Create an app starting from the item page<\/div>\n\t\t\t\t\t<div id=\"elementor-tab-content-1393\" class=\"elementor-tab-content elementor-clearfix\" data-tab=\"3\" role=\"tabpanel\" aria-labelledby=\"elementor-tab-title-1393\" tabindex=\"0\" hidden=\"hidden\"><p>To create an app starting from the item page of a map, follow the steps below:<\/p><ul><li>Verify that you are signed in with<a href=\"https:\/\/doc.arcgis.com\/en\/arcgis-online\/reference\/roles.htm\"> privileges<\/a> to create content.<\/li><li>From the My Content tab of the content page, open the item page of the map you want to use to create an app.<\/li><li><p>To create a configurable app, click Create Web App &gt; Using a Template and do the following:<\/p><ol><li>Choose a configurable app.<br \/>By default, all apps are shown, but you can use the filters in the panel to narrow your search.<\/li><li>Click a thumbnail to see a description of the app and access the Create Web App button.<\/li><li>Click Create Web App to start configuring your app.<\/li><li>Type a title, tags, and a summary.<\/li><li>If your organization has<a href=\"https:\/\/doc.arcgis.com\/en\/arcgis-online\/administer\/manage-items.htm#ESRI_SECTION2_2B7004AE7B7C4F838F5F3316006DA829\"> set up content categories<\/a>, click Assign Category and select up to 20 categories to help people find your app. You can also use the Filter categories box to narrow the list of categories.<\/li><li>Optionally select a different folder in which to save your app.<\/li><li>Click Done to publish the app.<br \/>Your app is published to ArcGIS Online and an item is added to My Content. (To make your app accessible to others, you may need to<a href=\"https:\/\/doc.arcgis.com\/en\/arcgis-online\/share-maps\/share-items.htm\"> share it<\/a>.)<\/li><li>Change any other configurable components in the app, such as the theme, widgets, and miscellaneous items.<\/li><li><p>Click Save to save your changes and click Close when you are finished configuring your app.<\/p><\/li><\/ol><\/li><li><p>To use<a href=\"https:\/\/links.esri.com\/webappbuilder\"> Web AppBuilder<\/a>, click Create Web App &gt; Using the Web AppBuilder and do the following:<\/p><ol><li>Type a title, tags, and a summary.<\/li><li>If your organization has<a href=\"https:\/\/doc.arcgis.com\/en\/arcgis-online\/administer\/manage-items.htm#ESRI_SECTION2_2B7004AE7B7C4F838F5F3316006DA829\"> set up content categories<\/a>, click Assign Category and select up to 20 categories to help people find your app. You can also use the Filter categories box to narrow the list of categories.<\/li><li>Optionally select a different folder in which to save your app.<\/li><li>Click Get Started to open Web AppBuilder and continue creating your app.<\/li><\/ol><\/li><\/ul><p><i>Content in this section was adapted from \u201c<\/i><a href=\"https:\/\/doc.arcgis.com\/en\/arcgis-online\/create-maps\/create-map-apps.htm\"><i>Creating Web Applications<\/i><\/a><i>\u201d (ArcGIS.com)<\/i><\/p><\/div>\n\t\t\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-6dfd5fe elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"6dfd5fe\" data-element_type=\"section\" data-e-type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-ac19216\" data-id=\"ac19216\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-3617841 elementor-widget elementor-widget-heading\" data-id=\"3617841\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Themes<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-20d1c44 elementor-tabs-view-horizontal elementor-widget elementor-widget-tabs\" data-id=\"20d1c44\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"tabs.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-tabs\">\n\t\t\t<div class=\"elementor-tabs-wrapper\" role=\"tablist\" >\n\t\t\t\t\t\t\t\t\t<div id=\"elementor-tab-title-3441\" class=\"elementor-tab-title elementor-tab-desktop-title\" aria-selected=\"true\" data-tab=\"1\" role=\"tab\" tabindex=\"0\" aria-controls=\"elementor-tab-content-3441\" aria-expanded=\"false\">What is a theme?<\/div>\n\t\t\t\t\t\t\t\t\t<div id=\"elementor-tab-title-3442\" class=\"elementor-tab-title elementor-tab-desktop-title\" aria-selected=\"false\" data-tab=\"2\" role=\"tab\" tabindex=\"-1\" aria-controls=\"elementor-tab-content-3442\" aria-expanded=\"false\">Available Themes<\/div>\n\t\t\t\t\t\t\t\t\t<div id=\"elementor-tab-title-3443\" class=\"elementor-tab-title elementor-tab-desktop-title\" aria-selected=\"false\" data-tab=\"3\" role=\"tab\" tabindex=\"-1\" aria-controls=\"elementor-tab-content-3443\" aria-expanded=\"false\">Theme Style<\/div>\n\t\t\t\t\t\t\t\t\t<div id=\"elementor-tab-title-3444\" class=\"elementor-tab-title elementor-tab-desktop-title\" aria-selected=\"false\" data-tab=\"4\" role=\"tab\" tabindex=\"-1\" aria-controls=\"elementor-tab-content-3444\" aria-expanded=\"false\">Theme Layout<\/div>\n\t\t\t\t\t\t\t<\/div>\n\t\t\t<div class=\"elementor-tabs-content-wrapper\" role=\"tablist\" aria-orientation=\"vertical\">\n\t\t\t\t\t\t\t\t\t<div class=\"elementor-tab-title elementor-tab-mobile-title\" aria-selected=\"true\" data-tab=\"1\" role=\"tab\" tabindex=\"0\" aria-controls=\"elementor-tab-content-3441\" aria-expanded=\"false\">What is a theme?<\/div>\n\t\t\t\t\t<div id=\"elementor-tab-content-3441\" class=\"elementor-tab-content elementor-clearfix\" data-tab=\"1\" role=\"tabpanel\" aria-labelledby=\"elementor-tab-title-3441\" tabindex=\"0\" hidden=\"false\"><p>A theme is a template framework representing the look and feel of an app. Content in a theme includes a collection of panels, styles, and layouts, and a set of preconfigured theme widgets. An app can include more than one theme, but it can only use one theme while running.<\/p><p><i>Content in this section was adapted from \u201c<\/i><a href=\"https:\/\/doc.arcgis.com\/en\/web-appbuilder\/create-apps\/themes-tab.htm\"><i>Create Apps: Themes<\/i><\/a><i>\u201d (ArcGIS.com)<\/i><\/p><\/div>\n\t\t\t\t\t\t\t\t\t<div class=\"elementor-tab-title elementor-tab-mobile-title\" aria-selected=\"false\" data-tab=\"2\" role=\"tab\" tabindex=\"-1\" aria-controls=\"elementor-tab-content-3442\" aria-expanded=\"false\">Available Themes<\/div>\n\t\t\t\t\t<div id=\"elementor-tab-content-3442\" class=\"elementor-tab-content elementor-clearfix\" data-tab=\"2\" role=\"tabpanel\" aria-labelledby=\"elementor-tab-title-3442\" tabindex=\"0\" hidden=\"hidden\"><p><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-medium\" src=\"https:\/\/doc.arcgis.com\/en\/web-appbuilder\/create-apps\/GUID-E521691F-6DB4-4DD6-8645-C5CB7560D4F8-web.png\" width=\"388\" height=\"562\" \/><\/p><table><tbody><tr><td><b>Theme Name<\/b><\/td><td><b>Theme Description<\/b><\/td><\/tr><tr><td>Billboard<\/td><td>For apps with simple tasks. It has the most layouts of all the themes and does not display the logo, links, and widget controller. All the widgets in the theme are on-screen widgets.<\/td><\/tr><tr><td>Box<\/td><td>Focuses on the widgets in the widget controller. By default, all on-screen widgets are turned off. There are no placeholders for widgets and no logo or links display. It is for apps that require a clean look on the map.<\/td><\/tr><tr><td>Dart<\/td><td>Widgets in the widget controller display as placeholder widgets. You can have multiple widgets open and move them around. By default, all on-screen widgets are turned off. Similar to the Box theme, there are no placeholders for widgets and no logo or links display.<\/td><\/tr><tr><td>Dashboard<\/td><td>All the widgets in the panel open simultaneously when the app starts. It is designed to visualize widgets and their communication directly. You can modify the predefined layout by adding or removing grids, or resizing the grids in the panel. By default, most on-screen widgets are turned off except the Home, Zoom Slider, and Full Screen widgets. Optionally, you can turn on the Header widget to display the logo, the app name, and links.<\/td><\/tr><tr><td>Foldable<\/td><td>All the widgets in the panel open simultaneously when the app starts. It is designed to visualize widgets and their communication directly. You can modify the predefined layout by adding or removing grids, or resizing the grids in the panel. By default, most on-screen widgets are turned off except the Home, Zoom Slider, and Full Screen widgets. Optionally, you can turn on the Header widget to display the logo, the app name, and links.<\/td><\/tr><tr><td>Jewelry Box<\/td><td>Evolved from the Foldable theme with a focused widget on the left of the app. It is for apps with a workflow task.<\/td><\/tr><tr><td>Launchpad<\/td><td>For users who prefer the Apple Mac style. It allows you to open multiple widgets, and move, resize, and minimize them.<\/td><\/tr><tr><td>Plateau<\/td><td>Can be used to create a modern and basic app with flat toolbars and widget containers.<\/td><\/tr><tr><td>Pocket<\/td><td>For apps that will be embedded in websites, story maps, or other locations with surrounding context.\u00a0 Only one widget is supported in a panel that can be positioned on the left or the right.<\/td><\/tr><tr><td>Tab<\/td><td>As with the Foldable theme, it supports all widget types and can be used for apps with complicated tasks.<\/td><\/tr><\/tbody><\/table><p><i>Content in this section was adapted from \u201c<\/i><a href=\"https:\/\/doc.arcgis.com\/en\/web-appbuilder\/create-apps\/themes-tab.htm\"><i>Create Apps: Themes<\/i><\/a><i>\u201d (ArcGIS.com)<\/i><\/p><\/div>\n\t\t\t\t\t\t\t\t\t<div class=\"elementor-tab-title elementor-tab-mobile-title\" aria-selected=\"false\" data-tab=\"3\" role=\"tab\" tabindex=\"-1\" aria-controls=\"elementor-tab-content-3443\" aria-expanded=\"false\">Theme Style<\/div>\n\t\t\t\t\t<div id=\"elementor-tab-content-3443\" class=\"elementor-tab-content elementor-clearfix\" data-tab=\"3\" role=\"tabpanel\" aria-labelledby=\"elementor-tab-title-3443\" tabindex=\"0\" hidden=\"hidden\"><p>Available styles vary depending on the theme selected. Most themes have seven predefined colors from which to choose, except the Launchpad and Dashboard themes. If your organization has defined the<a href=\"https:\/\/doc.arcgis.com\/en\/arcgis-online\/administer\/configure-general.htm\"> shared theme<\/a> with a header color, it will be the default color when an app is created.<\/p><p><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-medium\" src=\"https:\/\/doc.arcgis.com\/en\/web-appbuilder\/create-apps\/GUID-A54B8962-C858-4E83-BBC4-5F263C546040-web.png\" width=\"353\" height=\"116\" \/><\/p><p>You can also choose your own color by clicking the last color in the color picker.\u00a0<\/p><p><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-medium\" src=\"https:\/\/doc.arcgis.com\/en\/web-appbuilder\/create-apps\/GUID-ACAADAC1-5867-4D65-ACE9-35968260717A-web.png\" width=\"353\" height=\"281\" \/><\/p><p><i>Content in this section was adapted from \u201c<\/i><a href=\"https:\/\/doc.arcgis.com\/en\/web-appbuilder\/create-apps\/themes-tab.htm\"><i>Create Apps: Themes<\/i><\/a><i>\u201d (ArcGIS.com)<\/i><br \/><br \/><\/p><\/div>\n\t\t\t\t\t\t\t\t\t<div class=\"elementor-tab-title elementor-tab-mobile-title\" aria-selected=\"false\" data-tab=\"4\" role=\"tab\" tabindex=\"-1\" aria-controls=\"elementor-tab-content-3444\" aria-expanded=\"false\">Theme Layout<\/div>\n\t\t\t\t\t<div id=\"elementor-tab-content-3444\" class=\"elementor-tab-content elementor-clearfix\" data-tab=\"4\" role=\"tabpanel\" aria-labelledby=\"elementor-tab-title-3444\" tabindex=\"0\" hidden=\"hidden\"><p>A layout represents a preset placement of user interface items.\u00a0<\/p><p><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-medium\" src=\"https:\/\/doc.arcgis.com\/en\/web-appbuilder\/create-apps\/GUID-37FFE688-CA24-40CB-8E02-1C0C9A3E23AF-web.png\" width=\"359\" height=\"218\" \/><\/p><p>Only the Dashboard theme allows you to modify and generate your own layout.<\/p><p>When you build 2D apps, the available layouts vary depending on the theme selected. In addition, there are two styles of layout. One is for desktop and one is for mobile devices. When either the height or width of a screen display is less than 600 pixels, the mobile layout applies.<\/p><p>When you build 3D apps, each theme has two layouts for desktop only.<\/p><p><i>Content in this section was adapted from \u201c<\/i><a href=\"https:\/\/doc.arcgis.com\/en\/web-appbuilder\/create-apps\/themes-tab.htm\"><i>Create Apps: Themes<\/i><\/a><i>\u201d (ArcGIS.com)<\/i><\/p><\/div>\n\t\t\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-a3b46e2 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"a3b46e2\" data-element_type=\"section\" data-e-type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-7b1073f\" data-id=\"7b1073f\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-c88dc79 elementor-widget elementor-widget-heading\" data-id=\"c88dc79\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Widgets<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-1084ec2 elementor-widget elementor-widget-text-editor\" data-id=\"1084ec2\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p>Web AppBuilder includes many out-of-the-box widgets. These widgets provide fundamental functions to easily create web apps. Most of them have parameters that allow configuration and customization. Widgets added from the Choose Widget window can be set to open automatically when an app starts. In general, widgets are categorized as two types: off-panel and in-panel.<\/p><p><i>Content in this section was adapted from \u201c<\/i><a href=\"https:\/\/doc.arcgis.com\/en\/web-appbuilder\/create-apps\/widget-overview.htm\"><i>Create Apps: Widget Overview<\/i><\/a><i>\u201d (ArcGIS.com)<\/i><\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-59484f8 elementor-tabs-view-horizontal elementor-widget elementor-widget-tabs\" data-id=\"59484f8\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"tabs.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-tabs\">\n\t\t\t<div class=\"elementor-tabs-wrapper\" role=\"tablist\" >\n\t\t\t\t\t\t\t\t\t<div id=\"elementor-tab-title-9361\" class=\"elementor-tab-title elementor-tab-desktop-title\" aria-selected=\"true\" data-tab=\"1\" role=\"tab\" tabindex=\"0\" aria-controls=\"elementor-tab-content-9361\" aria-expanded=\"false\">Off-Panel Widgets<\/div>\n\t\t\t\t\t\t\t\t\t<div id=\"elementor-tab-title-9362\" class=\"elementor-tab-title elementor-tab-desktop-title\" aria-selected=\"false\" data-tab=\"2\" role=\"tab\" tabindex=\"-1\" aria-controls=\"elementor-tab-content-9362\" aria-expanded=\"false\">In-Panel Widgets<\/div>\n\t\t\t\t\t\t\t<\/div>\n\t\t\t<div class=\"elementor-tabs-content-wrapper\" role=\"tablist\" aria-orientation=\"vertical\">\n\t\t\t\t\t\t\t\t\t<div class=\"elementor-tab-title elementor-tab-mobile-title\" aria-selected=\"true\" data-tab=\"1\" role=\"tab\" tabindex=\"0\" aria-controls=\"elementor-tab-content-9361\" aria-expanded=\"false\">Off-Panel Widgets<\/div>\n\t\t\t\t\t<div id=\"elementor-tab-content-9361\" class=\"elementor-tab-content elementor-clearfix\" data-tab=\"1\" role=\"tabpanel\" aria-labelledby=\"elementor-tab-title-9361\" tabindex=\"0\" hidden=\"false\"><p>Off-panel widgets can be turned on or off but cannot be removed from an app. They can be added to the controller. The off-panel widgets embedded in a theme display when the Widget tab is activated.<\/p><p>IMAGE<\/p><p>To turn on or off a widget, hover over the widget and click the eye icon.<\/p><p><i>Content in this section was adapted from \u201c<\/i><a href=\"https:\/\/doc.arcgis.com\/en\/web-appbuilder\/create-apps\/widget-overview.htm\"><i>Create Apps: Widget Overview<\/i><\/a><i>\u201d (ArcGIS.com)<\/i><\/p><\/div>\n\t\t\t\t\t\t\t\t\t<div class=\"elementor-tab-title elementor-tab-mobile-title\" aria-selected=\"false\" data-tab=\"2\" role=\"tab\" tabindex=\"-1\" aria-controls=\"elementor-tab-content-9362\" aria-expanded=\"false\">In-Panel Widgets<\/div>\n\t\t\t\t\t<div id=\"elementor-tab-content-9362\" class=\"elementor-tab-content elementor-clearfix\" data-tab=\"2\" role=\"tabpanel\" aria-labelledby=\"elementor-tab-title-9362\" tabindex=\"0\" hidden=\"hidden\"><p>In-panel widgets are available to the widget controllers and can be added to your app. By default, they are contained by a controller. Depending on which theme you choose, they may show in the upper right corner of the app with the header controller in a Foldable theme or on the left side of the app with the side controller in the Tab theme.<\/p><p>Each in-panel widget requires user interactions on the panel.\u00a0<\/p><p>\u00a0<\/p><p>In addition, in-panel widgets are associated with placeholders that define the position of an in-panel widget on the screen. You can drag the in-panel widget onto the map when it opens. You can also resize the panel of the widget by dragging its lower right corner.<\/p><p>\u00a0<\/p><p>To remove the widget, hover over the widget and click the x icon.<\/p><p><i>Content in this section was adapted from \u201c<\/i><a href=\"https:\/\/doc.arcgis.com\/en\/web-appbuilder\/create-apps\/widget-overview.htm\"><i>Create Apps: Widget Overview<\/i><\/a><i>\u201d (ArcGIS.com)<\/i><\/p><\/div>\n\t\t\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-f9c9f24 elementor-widget elementor-widget-heading\" data-id=\"f9c9f24\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Commonly-Used Widgets<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-c32d0b8 elementor-widget elementor-widget-text-editor\" data-id=\"c32d0b8\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<table><tbody><tr><td>\u00a0<\/td><td>\u00a0<\/td><td><p><strong>\u00a0<\/strong><\/p><\/td><\/tr><tr><td>\u00a0<\/td><td><p><a href=\"https:\/\/doc.arcgis.com\/en\/web-appbuilder\/create-apps\/widget-about.htm\">About<\/a><\/p><p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone wp-image-161 size-full\" src=\"http:\/\/dlac.sites.grinnell.edu\/arcgis-clone\/wp-content\/uploads\/2019\/10\/About-1-e1572379356402.png\" alt=\"\" width=\"55\" height=\"62\" \/><\/p><\/td><td><p>The About widget creates content that displays in the widget.<\/p><\/td><\/tr><tr><td>\u00a0<\/td><td><p><a href=\"https:\/\/doc.arcgis.com\/en\/web-appbuilder\/create-apps\/widget-basemap.htm\">Basemap Gallery<\/a><\/p><p><a href=\"https:\/\/doc.arcgis.com\/en\/web-appbuilder\/create-apps\/widget-basemap.htm\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-139\" src=\"http:\/\/dlac.sites.grinnell.edu\/arcgis-clone\/wp-content\/uploads\/2019\/10\/Basemap.png\" alt=\"\" width=\"56\" height=\"55\" \/><\/a><\/p><\/td><td><p>The Basemap Gallery widget presents a gallery of basemaps and allows you to select one from the gallery as the basemap for your app.<\/p><\/td><\/tr><tr><td>\u00a0<\/td><td><p><a href=\"https:\/\/doc.arcgis.com\/en\/web-appbuilder\/create-apps\/widget-chart.htm\">Chart<\/a><\/p><p><a href=\"https:\/\/doc.arcgis.com\/en\/web-appbuilder\/create-apps\/widget-chart.htm\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-140\" src=\"http:\/\/dlac.sites.grinnell.edu\/arcgis-clone\/wp-content\/uploads\/2019\/10\/Chart.png\" alt=\"\" width=\"57\" height=\"55\" \/><\/a><\/p><\/td><td><p>The Chart widget displays quantitative attributes from an operational layer as a graphical representation of data. It allows end users to observe possible patterns and trends out of raw data.<\/p><\/td><\/tr><tr><td>\u00a0<\/td><td><p><a href=\"https:\/\/doc.arcgis.com\/en\/web-appbuilder\/create-apps\/widget-coordinates.htm\">Coordinate<\/a><\/p><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-141\" src=\"http:\/\/dlac.sites.grinnell.edu\/arcgis-clone\/wp-content\/uploads\/2019\/10\/Coordinate.png\" alt=\"\" width=\"55\" height=\"56\" \/> \u00a0<\/td><td><p>The Coordinate widget displays x- and y-coordinate values on the map. With the default coordinate system of the web map, the coordinate values change dynamically when the mouse pointer moves to locations on the map. Multiple spatial references can be configured and the coordinate values display based on the spatial reference you choose when the application starts.<\/p><\/td><\/tr><tr><td>\u00a0<\/td><td><p><a href=\"https:\/\/doc.arcgis.com\/en\/web-appbuilder\/create-apps\/widget-distance-and-direction.htm\">Distance and Direction<\/a><\/p><p><a href=\"https:\/\/doc.arcgis.com\/en\/web-appbuilder\/create-apps\/widget-distance-and-direction.htm\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone wp-image-142\" src=\"http:\/\/dlac.sites.grinnell.edu\/arcgis-clone\/wp-content\/uploads\/2019\/10\/DistanceDirection.png\" alt=\"\" width=\"55\" height=\"54\" \/><\/a><\/p><\/td><td><p>The Distance and Direction widget allows you to draw lines, circles, ellipses, and range rings to visualize important information.<\/p><\/td><\/tr><tr><td>\u00a0<\/td><td><p><a href=\"https:\/\/doc.arcgis.com\/en\/web-appbuilder\/create-apps\/widget-draw.htm\">Draw<\/a><\/p><p><a href=\"https:\/\/doc.arcgis.com\/en\/web-appbuilder\/create-apps\/widget-draw.htm\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-143\" src=\"http:\/\/dlac.sites.grinnell.edu\/arcgis-clone\/wp-content\/uploads\/2019\/10\/Draw.png\" alt=\"\" width=\"54\" height=\"54\" \/><\/a><\/p><\/td><td><p>The Draw widget allows you to draw simple graphics and text on the map. You can also use it to add line distance or polygon area to the feature as text.<\/p><\/td><\/tr><tr><td>\u00a0<\/td><td><p><a href=\"https:\/\/doc.arcgis.com\/en\/web-appbuilder\/create-apps\/widget-extent-navigate.htm\">Extent Navigate<\/a><\/p><p><a href=\"https:\/\/doc.arcgis.com\/en\/web-appbuilder\/create-apps\/widget-extent-navigate.htm\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone wp-image-151\" src=\"http:\/\/dlac.sites.grinnell.edu\/arcgis-clone\/wp-content\/uploads\/2019\/10\/Navigate.png\" alt=\"\" width=\"55\" height=\"54\" \/><\/a><\/p><\/td><td><p>The Extent Navigate widget allows you to navigate the map to its previous or next extent.<\/p><\/td><\/tr><tr><td>\u00a0<\/td><td><p><a href=\"https:\/\/doc.arcgis.com\/en\/web-appbuilder\/create-apps\/widget-filter.htm\">Filter<\/a><\/p><p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-144\" src=\"http:\/\/dlac.sites.grinnell.edu\/arcgis-clone\/wp-content\/uploads\/2019\/10\/Filter.png\" alt=\"\" width=\"54\" height=\"55\" \/><\/p><\/td><td><p>The Filter widget allows you to limit the visibility of features in a layer. Only the features that meet the expression criteria will be visible in the map. Accordingly, other out-of-the-box widgets, if applicable, will respond to the change it makes in the layer.<\/p><\/td><\/tr><tr><td>\u00a0<\/td><td><p><a href=\"https:\/\/doc.arcgis.com\/en\/web-appbuilder\/create-apps\/widget-group-filter.htm\">Group Filter<\/a><\/p><p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-145\" src=\"http:\/\/dlac.sites.grinnell.edu\/arcgis-clone\/wp-content\/uploads\/2019\/10\/GroupFilter.png\" alt=\"\" width=\"58\" height=\"55\" \/><\/p><\/td><td><p>The Group Filter widget allows you to apply a filter on the map based on one or more layers in the map. A set of layers are grouped into a logical filter set. Each set can have a predefined value to facilitate user interaction. This widget has two modes: normal, which allows the building of complex filters during run time, and simple, which only allows one filter to be applied.<\/p><\/td><\/tr><tr><td>\u00a0<\/td><td><p><a href=\"https:\/\/doc.arcgis.com\/en\/web-appbuilder\/create-apps\/widget-home-button.htm\">Home Button<\/a><\/p><p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone wp-image-146\" src=\"http:\/\/dlac.sites.grinnell.edu\/arcgis-clone\/wp-content\/uploads\/2019\/10\/Home.png\" alt=\"\" width=\"55\" height=\"53\" \/><\/p><\/td><td><p>The Home Button widget zooms the map to the initial map extent.<\/p><\/td><\/tr><tr><td>\u00a0<\/td><td><p><a href=\"https:\/\/doc.arcgis.com\/en\/web-appbuilder\/create-apps\/widget-infographic.htm\">Infographic<\/a><\/p><p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone wp-image-147\" src=\"http:\/\/dlac.sites.grinnell.edu\/arcgis-clone\/wp-content\/uploads\/2019\/10\/Infographic.png\" alt=\"\" width=\"55\" height=\"56\" \/><\/p><\/td><td><p>The Infographic widget provides 16 graphic templates you can use to visualize and monitor attributes and statistical data in the map and from extra data sources.<\/p><\/td><\/tr><tr><td>\u00a0<\/td><td><p><a href=\"https:\/\/doc.arcgis.com\/en\/web-appbuilder\/create-apps\/widget-info-summary.htm\">Info Summary<\/a><\/p><p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone wp-image-148\" src=\"http:\/\/dlac.sites.grinnell.edu\/arcgis-clone\/wp-content\/uploads\/2019\/10\/InfoSummary.png\" alt=\"\" width=\"60\" height=\"61\" \/><\/p><\/td><td><p>The Info Summary widget allows you to provide a count of features in the current map extent for each layer specified. Each layer in the widget panel can be expanded to show a list of features in the current extent, optionally grouped by a specified field. Point layers in the widget can be configured to display as clusters.<\/p><\/td><\/tr><tr><td>\u00a0<\/td><td><p><a href=\"https:\/\/doc.arcgis.com\/en\/web-appbuilder\/create-apps\/widget-layer-list.htm\">Layer List<\/a><\/p><p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-149\" src=\"http:\/\/dlac.sites.grinnell.edu\/arcgis-clone\/wp-content\/uploads\/2019\/10\/LayerList.png\" alt=\"\" width=\"55\" height=\"57\" \/><\/p><\/td><td><p>The Layer List widget provides a list of operational layers and their symbols, and allows you to turn individual layers on and off. Each layer in the list has a check box that allows you to control its visibility. Some layers contain sublayers or subtypes.<\/p><\/td><\/tr><tr><td>\u00a0<\/td><td><p><a href=\"https:\/\/doc.arcgis.com\/en\/web-appbuilder\/create-apps\/widget-legend.htm\">Legend<\/a><\/p><p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-150\" src=\"http:\/\/dlac.sites.grinnell.edu\/arcgis-clone\/wp-content\/uploads\/2019\/10\/Legend.png\" alt=\"\" width=\"57\" height=\"53\" \/><\/p><\/td><td><p>The Legend widget displays labels and symbols for layers in the map. It supports dynamic, tiled, image, feature, and KML layer types as well as WMS layers with an associated legend URL. The Legend widget can be set to automatically update when the visibility of a layer or sublayer changes. When no operational layers are rendered in the map, the Legend widget is blank.<\/p><\/td><\/tr><tr><td>\u00a0<\/td><td><p><a href=\"https:\/\/doc.arcgis.com\/en\/web-appbuilder\/create-apps\/widget-overview-map.htm\">Overview<\/a><\/p><p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone wp-image-152\" src=\"http:\/\/dlac.sites.grinnell.edu\/arcgis-clone\/wp-content\/uploads\/2019\/10\/Overview.png\" alt=\"\" width=\"55\" height=\"56\" \/><\/p><\/td><td><p>The Overview Map widget displays the current extent of the map within the context of a larger area and updates whenever the map extent changes. The current extent of the map is represented in the overview map as a gray rectangle that can be dragged to modify the extent of the current view. You can expand or fold the widget. When the widget is expanded, you can also maximize or minimize it.<\/p><\/td><\/tr><tr><td>\u00a0<\/td><td><p><a href=\"https:\/\/doc.arcgis.com\/en\/web-appbuilder\/create-apps\/widget-print.htm\">Print<\/a><\/p><p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-153\" src=\"http:\/\/dlac.sites.grinnell.edu\/arcgis-clone\/wp-content\/uploads\/2019\/10\/Print.png\" alt=\"\" width=\"57\" height=\"55\" \/><\/p><\/td><td><p>The Print widget connects the web app with a printing service to allow the current map to print.<\/p><\/td><\/tr><tr><td>\u00a0<\/td><td><p><a href=\"https:\/\/doc.arcgis.com\/en\/web-appbuilder\/create-apps\/widget-scalebar.htm\">Scalebar<\/a><\/p><p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone wp-image-154\" src=\"http:\/\/dlac.sites.grinnell.edu\/arcgis-clone\/wp-content\/uploads\/2019\/10\/Scalebar.png\" alt=\"\" width=\"55\" height=\"54\" \/><\/p><\/td><td><p>The Scalebar widget displays a scale bar on the map. The widget respects various coordinate systems and displays units in English or metric values. When working with Web Mercator or geographic coordinate systems, the scale bar takes into account projection distortion and dynamically adjusts.<\/p><\/td><\/tr><tr><td>\u00a0<\/td><td><p><a href=\"https:\/\/doc.arcgis.com\/en\/web-appbuilder\/create-apps\/widget-search.htm\">Search<\/a><\/p><p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-155\" src=\"http:\/\/dlac.sites.grinnell.edu\/arcgis-clone\/wp-content\/uploads\/2019\/10\/Search.png\" alt=\"\" width=\"56\" height=\"55\" \/><\/p><\/td><td><p>The Search widget enables end users to find locations or search features on the map. By default, the widget uses the geocoding service from your organization or portal and displays searchable layers configured in the map, if available<\/p><\/td><\/tr><tr><td>\u00a0<\/td><td><p><a href=\"https:\/\/doc.arcgis.com\/en\/web-appbuilder\/create-apps\/widget-share.htm\">Share<\/a><\/p><p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-156\" src=\"http:\/\/dlac.sites.grinnell.edu\/arcgis-clone\/wp-content\/uploads\/2019\/10\/Share.png\" alt=\"\" width=\"55\" height=\"56\" \/><\/p><\/td><td><p>The Share widget allows you to share an app by posting it to your social media account, sending an email with a link, or embedding it in a website or blog. It also provides an easy way to define URL parameters for the app.<\/p><\/td><\/tr><tr><td>\u00a0<\/td><td><p><a href=\"https:\/\/doc.arcgis.com\/en\/web-appbuilder\/create-apps\/widget-splash.htm\">Splash<\/a><\/p><p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone wp-image-157\" src=\"http:\/\/dlac.sites.grinnell.edu\/arcgis-clone\/wp-content\/uploads\/2019\/10\/Splash.png\" alt=\"\" width=\"55\" height=\"53\" \/><\/p><\/td><td><p>The Splash widget defines the display content on the app&#8217;s splash screen. It appears before users start to interact with the app.<\/p><\/td><\/tr><tr><td>\u00a0<\/td><td><p><a href=\"https:\/\/doc.arcgis.com\/en\/web-appbuilder\/create-apps\/widget-swipe.htm\">Swipe<\/a><\/p><p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-158\" src=\"http:\/\/dlac.sites.grinnell.edu\/arcgis-clone\/wp-content\/uploads\/2019\/10\/Swipe.png\" alt=\"\" width=\"56\" height=\"53\" \/><\/p><\/td><td><p>The Swipe widget enables you to easily compare the content of different layers in a map. It provides horizontal, vertical, and spyglass view modes. You can slide the swipe tool or move the mouse around to reveal the content of another layer. For example, you may want to use it to show before-and-after imagery of a flood, or display two related thematic layers in a map.<\/p><\/td><\/tr><tr><td>\u00a0<\/td><td><p><a href=\"https:\/\/doc.arcgis.com\/en\/web-appbuilder\/create-apps\/widget-time-slider.htm\">Time Slider<\/a><\/p><p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-159\" src=\"http:\/\/dlac.sites.grinnell.edu\/arcgis-clone\/wp-content\/uploads\/2019\/10\/TimeSlider.png\" alt=\"\" width=\"57\" height=\"55\" \/><\/p><\/td><td><p>The Time Slider widget enables you to view temporal layers in a map and play the animation to see how the data changes over time. Using this widget, you can control the animation of the data with buttons to play and pause, go to the previous time period, and go to the next time period.<\/p><\/td><\/tr><tr><td>\u00a0<\/td><td><p><a href=\"https:\/\/doc.arcgis.com\/en\/web-appbuilder\/create-apps\/widget-zoom-slider.htm\">Zoom Slider<\/a><\/p><p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone wp-image-160\" src=\"http:\/\/dlac.sites.grinnell.edu\/arcgis-clone\/wp-content\/uploads\/2019\/10\/ZoomSlider.png\" alt=\"\" width=\"55\" height=\"55\" \/><\/p><\/td><td><p>The Zoom Slider widget provides interactive zoom controls in the map display. Hover over the Zoom Slider widget and click the show or hide button to show or hide this widget on the map.<\/p><\/td><\/tr><\/tbody><\/table>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>What is an ArcGIS Web App? Web AppBuilder for ArcGIS is an intuitive what-you-see-is-what-you-get (WYSIWYG) application that allows you to build 2D and 3D web apps without writing a single line of code. It includes powerful tools to configure fully featured HTML apps. As you add your map and tools, you can see them in &hellip; <\/p>\n<p class=\"link-more\"><a href=\"https:\/\/dlac.grinnell.edu\/arcgisonline\/web-apps\/web-appbuilder\/\" class=\"more-link\">Continue reading<span class=\"screen-reader-text\"> &#8220;Web AppBuilder&#8221;<\/span><\/a><\/p>\n","protected":false},"author":1,"featured_media":0,"parent":320,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-60","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/dlac.grinnell.edu\/arcgisonline\/wp-json\/wp\/v2\/pages\/60","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/dlac.grinnell.edu\/arcgisonline\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/dlac.grinnell.edu\/arcgisonline\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/dlac.grinnell.edu\/arcgisonline\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/dlac.grinnell.edu\/arcgisonline\/wp-json\/wp\/v2\/comments?post=60"}],"version-history":[{"count":25,"href":"https:\/\/dlac.grinnell.edu\/arcgisonline\/wp-json\/wp\/v2\/pages\/60\/revisions"}],"predecessor-version":[{"id":563,"href":"https:\/\/dlac.grinnell.edu\/arcgisonline\/wp-json\/wp\/v2\/pages\/60\/revisions\/563"}],"up":[{"embeddable":true,"href":"https:\/\/dlac.grinnell.edu\/arcgisonline\/wp-json\/wp\/v2\/pages\/320"}],"wp:attachment":[{"href":"https:\/\/dlac.grinnell.edu\/arcgisonline\/wp-json\/wp\/v2\/media?parent=60"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}