Latest Contributions by RudyProsser

General resources ArcGIS Utility Network — product information pages on Esri.com. Starting point for information on the ArcGIS Utility Network. Resources — curated collections of utility network resources Utility Network — ArcGIS Pro documentation on creating and working with the ArcGIS Utility Network Utility network vocabulary Utility network concepts Utility network architecture An overview of the Utility Network toolbox Network diagrams — ArcGIS Pro documentation on network diagrams An overview of the Network Diagram toolbox ArcGIS Solutions — download the latest utility network solutions Solutions Gallery Search the Gallery for 'utility network foundation' — returns the current collection of utility network solutions ArcGIS Blog | Get Insider Info from the Esri Product Teams — The ArcGIS Utility Networks team is a frequent contributor to the ArcGIS Blog. This is the best place to keep current on and learn more about the ArcGIS Utility Network. Search the ArcGIS Blog for ‘utility network’ Search the ArcGIS Blog for ‘network diagram’ ArcGIS Utility Network on Esri Community — Community forum for asking questions, submitting ideas, and learning about utility networks in ArcGIS. The ArcGIS Utility Network blog is a good place for tutorials and details on the utility network. Questions Blog Ideas Documents Additional Learning Resources Esri Academy Utility Network Fundamentals — Three course training plan for ArcGIS Utility Networks. Working with Utility Networks in ArcGIS — Two day instructor-led course for users, editors, and administrators. Configuring Utility Networks in ArcGIS &— Two day instructor-led course for utility network designers, creators, and administrators. Configuring Branch Versioning in ArcGIS — One day instructor-led course on working with branch versioning. Search the training catalog My Training dashboard ArcGIS Tutorials — A collection of tutorials from the ArcGIS documentation. Search the tutorials for 'utility network' Getting started with ArcGIS Utility Network — Seven lesson Learning Series Learn ArcGIS Utility Network for Water Utilities Learn ArcGIS Utility Network for Gas and Pipeline Learn ArcGIS Utility Network for Electric Utilities   Lesson references Lesson 1 - Foundations of the utility network What is a utility network? Benefits of a utility network Utility Network tab Utility network concepts Structure of a utility network Structure network Domain networks Utility network feature classification Junction and edge objects Network hierarchies with tiers Architecture Architecture Domain networks Tier groups Tiers Subnetworks Access the utility network layer Work with utility network properties Utility Network services Utility network feature classification Subtype group layers Lesson 2 - Network topology management Network topology management Network topology Coincident features Dirty areas Error management Validate a network topology Rules and restrictions Feature restrictions and rules Feature restrictions Network rules Overview of versioning Branch versioning in Versioning types Work with branch versioning Introduction to attribute rules Arcade Lesson 3 - Managing connectivity and associations Introduction to feature templates Create a feature template Create a group template Create a preset template Connectivity and associations About associations Associations Connectivity associations Structural attachment associations Containment associations Lesson 4 - Network management Utility network concepts Structure of a utility network Domain networks Network hierarchies with tiers Architecture Architecture Domain networks Tier groups Tiers Subnetworks Subnetwork controllers Terminals Terminal management Network categories Introduction to feature templates Preset templates Lesson 5 - Tracing analysis Connectivity and traversability Trace utility networks Utility network trace types Subnetwork trace — Trace a subnetwork Subnetwork controller trace — Locate subnetwork controllers Upstream / Downstream trace — Find upstream and downstream features Isolation trace — Locate isolating features Connected trace — Find connected features Loops trace — Discover network loops Shortest Path trace — Discover the shortest path Set starting points and barriers Network categories Network attributes Lesson 6 - Network diagrams Network diagrams Network diagram essentials Terminology for working with network diagrams Network diagram tools and commands Network diagrams key concepts... Create and maintain your network diagrams Generate a network diagram Store network diagrams and retrieve them Store a network diagram Open a stored network diagram Search for network diagrams in the database Introduction to diagram templates ArcGIS Blog Create a Network Diagram: The Beginner's Guide (December 14, 2022) Understanding network diagrams: What they are (September 11, 2023) Understanding network diagrams: When to use them (October 20, 2023) Understanding network diagrams: How to configure them (November 7, 2023) Storing a network diagram or not... This is a real question to consider! (July 18, 2023) Lesson 7 - Creating a utility network ArcGIS Solutions Introduction to Water Distribution Utility Network Foundation Introduction to Gas and Pipeline Referencing Utility Network Foundation Introduction to Electric Utility Network Foundation ArcGIS Solutions for ArcGIS Enterprise 11.1 (April 20, 2023) Utility Network Foundation package deployments Water Distribution Utility Network Foundation Gas and Pipeline Referencing Utility Network Foundation Electric Utility Network Foundation Utility Network Package_Asset Package Reference [PDF] An overview of the Utility Network Package toolbox ... View more

  This course prepares GIS administrators, technical leads, and others to deploy ArcGIS Utility Network to realistically model and manage their organization's assets and infrastructure. Learn how to define the network schema and properties and load data into a utility network. Attendees can complete course exercises using electric, gas, or water utility scenarios. Resources Lesson 1 - Designing a utility network framework Create a utility network   Create an enterprise geodatabase Create database user Utility network vocabulary   Lesson 2 - Organizing assets in a utility network Utility network feature classification   Lesson 3 - Configuring the utility network properties Terminals Terminal management   Lesson 4 - Configuring the domain network properties Domain networks Subnetwork controllers Tiers Subnetworks Set Subnetwork Definition (Utility Network) SubnetLine feature class   Lesson 5 - Understanding the utility network data types Introduction to the asset package An overview of the Utility Network Package toolbox Types of geodatabases   Lesson 6 - Migrating source data into a utility network Create Data Loading Workspace Work with the Data Mapping workbooks Error Management Errors   Lesson 7 - Customizing a utility network Introduction to diagram templates > Installed diagram template definitions Calculation attribute rules Validation attribute rules Publish and consume services with a utility network Named trace configurations   Lesson 8 - Working with a deployed utility network User types, roles, and privileges Introduction to licensing user type extensions Utility network dataset administration Esri Community: Utility Network Technical FAQ Utility Network Management Tasks Update Portal Dataset Owner Network Management Release plans Upgrade dataset Upgrade Geodatabase Upgrade ArcGIS Enterprise Utility network upgrade history AdjustDataSources (Update Data Sources tool used in Exercise 8 )   Additional Web Based and Instructor-Led Training Working with Utility Networks in ArcGIS: ArcGIS Utility Network provides robust tools to model, visualize, edit, and analyze complex utility networks. This course—for GIS professionals who edit and analyze electric, gas, water, or telecommunications networks—introduces the utility network model in the enterprise geodatabase. Learn about capabilities that organizations can leverage to better manage network assets, minimize network disruptions, and quickly respond to outages. Attendees can choose to complete course exercises using water, gas, or electric utility data. Configuring Branch Versioning in ArcGIS: This course prepares GIS professionals and database administrators to implement branch versioning in an enterprise geodatabase using ArcGIS Pro. Learn best practices to establish branch versioning workflows that support multiuser editing and the accuracy of your authoritative geospatial data. This course is especially relevant for organizations that have deployed ArcGIS Utility Network or ArcGIS Pro Parcel Fabric. Explore our Courses: Search for and enroll in a variety of Esri Training learning formats such as Instructor Led, Web Learning, Seminars, MOOCs and more. Learn ArcGIS: Guided lessons based on real-world problems. Technology Resources ArcGIS Blogs about the Utility Network Helpful Utility Network Links Dashboard - updated frequently - includes search Helpful Utility Network Links - updated frequently What's new at ArcGIS Pro 3.5 - Utility Networks Migrating to the Utility Network  What's new for ArcGIS Utility Network with the 2025 Network Management Release   New at ArcGIS Pro 3.4 - Take a utility network offline  What's new in ArcGIS Pro 3.3 - Utility Networks What's New for the ArcGIS Utility Network with the 2024 Network Management Release What's new in ArcGIS Pro 3.2 - Utility Networks What's new in ArcGIS Enterprise 11.2 - User Type Extension changes  If you want to jump in and work on a Utility Network in a file geodatabase, you can use one of the asset packages in the student data and run the following tool - https://doc.arcgis.com/en/arcgis-solutions/latest/tool-reference/utility-network-package/asset-package-to-file-geodatabase.htm Network management release plan - something to be aware of as you deploy your utility network! Named trace configurations Utility Network Trace widget (ArcGIS Developer site) Utility Network Trace widget (ArcGIS Experience Builder)  Asset Package Configuration table Create Asset Package Rename table - this could be helpful if you want to change the names of features included in an asset package Change Asset Package Spatial Reference Utilizing filter barriers in a trace to stop at abandoned line - also here Consequences of a Service Territory that is too large Configure apps to trace a utility network ArcGIS Field Maps and the Utility Network Network Diagram Service Rest API Subnetwork Names Import Rules Load data into the ArcGIS utility network Foundation Solutions Communications Utility Network Foundation  District Energy Utility Network Foundation Electric Utility Network Foundation Water Distribution Utility Network Foundation Gas and Pipeline Referencing Utility Network Foundation Sewer Utility Network Foundation Stormwater Utility Network Foundation Webinars/Videos Latest Utility Network Videos from the 2025 Esri IMGIS Conference  Migrating data into the Utility Network The Evolving Capabilities of the Utility Network Migrating and Implementation of the ArcGIS Utility Network Discovering Network Diagrams and their Configurations ArcGIS Enterprise SDK: An Overview of the Utility Network API ArcGIS REST API: An Overview of the Utility Network Service and Related Services APIs ArcGIS Pro SDK for .NET: What’s new in the Geodatabase and Utility Network APIs (2021 Esri Developer Summit) Network Management with ArcGIS: Deep Dive into the Capabilities of the Utility Network ArcGIS Runtime: Utilities Esri videos related to the Utility Network ... View more

Note: This article refers to Web AppBuilder for ArcGIS (Online Edition) dated December 2018 and Web AppBuilder for ArcGIS (Developer Edition) 2.11 (January 2019). Web AppBuilder for ArcGIS supports 10 out-of-the-box themes determining the look and feel of your application. The choice of theme impacts the widgets you can add to your app as well as the attributes you can modify to brand your app. The following tables document the relationships between themes, colors and layouts, themes and widgets, and themes and attributes. Each theme was designed with a use in mind. Refer to the Web AppBuilder help articles Theme, Widget, and Attribute for more information. Theme colors and layouts Each theme supports a fixed number of default colors, plus one customizable color. Each theme also supports from 1 to 5 layouts controlling the placement of widgets and attributes. Theme Colors Layouts Billboard 8 4 Box 8 2 Dart 8 1 Foldable 8 5 Dashboard 3 3 Launchpad 3 2 Jewelry Box 8 3 Plateau 8 2 Tab 8 2 Pocket 8 2 Themes and widgets Each theme supports a collection of off-panel widgets you can turn on/off and may support additional on-screen widgets (widgets which are placed on the map) or a widget controller. Theme Built-In Widgets On-Screen Widgets Widget Controler Billboard 7 of 10 5 spots No Box 1 of 10 No Box Controller with 2 preconfigured widgets Dart 0 of 6 No Dart Controller with 3 preconfigured widgets Foldable 8 of 11 5 spots Header Controller with 2 preconfigured widgets Dashboard 2 of 12 5 spots / 5 additional widget locations No Launchpad 8 of 11 4 spots with 1 preconfigured widget Anchor Bar Controller with 2 preconfigured widgets Jewelry Box 8 of 10 3 spots plus 1 drawer widget Header Controller with 2 preconfigured widgets Plateau 4 of 11 No Header Controller with  2 preconfigured widgets Tab 11 of 13 3 spots Sidebar Controller with 2 preconfigured widgets Pocket 1 of 10 1 spot None   Themes and attributes The choice of theme determines whether or not your app can have a logo, title, subtitle, and links to additional information. Theme Attribute Billboard No logo, No title, No subtitle, No links Box No logo, Title, No subtitle, No Links Dart No logo, Title, No subtitle, No links Foldable Logo, Title, Subtitle, Links Dashboard No logo, No title, No subtitle, No links Launchpad Logo, Title, Subtitle, Links (expandable link object) Jewelry Box Logo, Title, Subtitle, Links Plateau Logo, Title, Subtitle, Links Tab Logo, Title, Subtitle, Links Pocket No logo, No title, No subtitle, No links ... View more

General ArcGIS Online ArcGIS Online Help Web AppBuilder Help Tutorials Training > Get started with Web AppBuilder for ArcGIS Training > Creating web applications using templates and Web AppBuilder for ArcGIS Training > Web AppBuilder for ArcGIS: Build web apps with no coding (2016) Learn ArcGIS > Oso Mudslide - Before and After Lesson 1: Introduction to Web AppBuilder for ArcGIS Web AppBuilder for ArcGIS - Live Sites Showcase Help > What is Web AppBuilder for ArcGIS? Help > What's new Components Theme Map and Scene Widget Attribute Help > Previews Help > View and edit app Help > Make your first app Exercise 1 Resource > Student Data (City of Logan logo) Additional Resources 3-Step Process to Build a Web App Lesson 2: Applying themes to web apps Help > Theme Help > Attribute Help > Export as a template Document > Web AppBuilder Notes: Themes, Widgets, and Attributes Lesson 3: Configuring widgets in web apps Help > Widget Help > Configure 2D widgets > Overview Exercise 3 Resource > Alternate web map > Maryland Water Quality Samples Lesson 4: Building a 3D web app Help > Map and Scene Help > Configure 3D widgets Resources for Course Versions 1.1 and 2.0 Lesson 1: What is Web AppBuilder for ArcGIS? Web AppBuilder for ArcGIS - Live Sites Showcase Help > What is Web AppBuilder for ArcGIS? Help > Make your first app Help > What's new Lesson 2: App design considerations with themes Web AppBuilder for ArcGIS - Live Sites Showcase Help > Theme Help > Attribute Document > Web AppBuilder Notes: Themes, Widgets, and Attributes Lesson 3: App design considerations with widgets Help > Map and Scene Help > Widget Help > Configure 2D widgets > Overview Lesson 4: Testing and deploying web apps Help > Previews Help > View and edit app Help > Download the app Lesson 5: Extending web apps with Developer Edition Help > Web AppBuilder for ArcGIS Developer Edition Help > Get started GeoNet > Web AppBuilder Custom Widgets GeoNet > Web AppBuilder Custom Widgets > Widget downloads ArcWatch > Configure Web AppBuilder for ArcGIS Developer Edition to work with your ArcGIS Online organization ArcWatch > Add custom widgets to Web AppBuilder for ArcGIS Developer Edition ArcGIS Blog > Web AppBuilder for ArcGIS now supports Custom Widgets in ArcGIS Enterprise 10.5.1 Portal for ArcGIS > Add custom widgets ... View more

Learning aid for the Introduction to Web Development Using ArcGIS API for JavaScript (IWEB) instructor-led course. See IWEB Notes - Basic web page described for additional information. General References: ArcGIS API for JavaScript Dojo Toolkit documentation Mozilla Developer Network (MDN) > Web technology for developers w3schools.com Basic web mapping application Reference: Get started with MapView - Create a 2D map  <!DOCTYPE html> <html>   <head>     <meta charset="utf-8">     <meta name="viewport" content="initial-scale=1,maximum-scale=1,user-scalable=no">     <title>Get started with MapView - Create a 2D map - 4.2</title>     <!-- Load stylesheets -->     <link rel="stylesheet" href="https://js.arcgis.com/4.2/dijit/themes/claro/claro.css">     <!-- Load JS API required stylesheet -->     <link rel="stylesheet" href="https://js.arcgis.com/4.2/esri/css/main.css">     <!-- Apply any page specific styles -->     <!-- Note: these CSS settings cause the map to fill the browser window -->     <style>       html,       body,       #viewDiv {         height: 100%;         width: 100%;         padding: 0;         border: 0;         margin: 0;         text-family: "Tahoma","Helvetica",sans-serif;       }     </style>     <!-- Configure Dojo for asynchronous mode - must be done before loading ArcGIS JS API -->     <script>       var dojoConfig = {         async : true       }     </script>     <!-- Load/reference the JS API -->     <script src="https://js.arcgis.com/4.2/"></script>     <!-- Load/reference application specific javascript files -->     <!-- Load the required modules and build the map -->     <script>       require([         "esri/Map",         "esri/views/MapView",         "dojo/domReady!"       ], function(         Map,         MapView       ) { //TOP of REQUIRE         // create the map         var map = new Map({           basemap: "streets"         });         // create the 2D view         var view = new MapView({           container: "viewDiv",           map: map,           zoom: 4,           center: [15, 65]         });       }); // BOTTOM of REQUIRE     </script>   </head>   <body class="claro">     <div id="viewDiv"></div>   </body> </html> ‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍ <link rel="stylesheet" href="https://js.arcgis.com/4.3/esri/css/main.css"> First of two resources required to build web mapping applications using the JavaScript API. main.css contains necessary styling for API components. Failing to request main.css causes your app to behave in unusual ways. References: Guide > Get the API Necessary styling to fill the page <style>   html,    body,   #viewDiv {     height: 100%;     width: 100%;     padding: 0;     border: 0;     margin: 0;   } </style>‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍ The CSS properties on the <html>, <body> and map's container element (usually a <div> identified by its id attribute) determine how much of the web page is filled by the map. Styling all three is required. Defining the styles for any single or pair of elements will only fill half the page.  <script> var dojoConfig = { async : true } </script> Switches the AMD loader to asynchronous mode. Dojo provides the module loading functionality for the ArcGIS JavaScript API, specifically the AMD loader. By default, the AMD loader is synchronous in order to maintain backwards compatibility. You switch to asynchronous mode by setting the async flag before the ArcGIS JavaScript API is loaded. Loading the API also loads Dojo. The statement above defines a global JavaScript variable, the dojoConfig object. The parameters specified in the dojoConfig object are meant to over-ride the default settings. References: Concepts > Dojo > Get Dojo Concepts > Dojo > Dojo and AMD Dojo Toolkit > Tutorials > Configuring Dojo with dojoConfig Dojo Toolkit > Reference Guide > The Dojo Loader <script src="https://js.arcgis.com/4.3/"></script> The second of the two resources required to build web mapping applications using the JavaScript API. This line loads the JavaScript API. References: Guide > Get the API <script> require( [...], function(...){...} );</script> The require statement loads the JavaScript API modules used in the application. The require statement consists of three parts: An array of modules used in the application. The modules are referenced as strings, each string providing the path to and name of the module. An anonymous function whose parameters are a list of aliases corresponding to the list of modules.  The application code. This is the JavaScript API code. As each module is loaded, it is executed and the resultant object is assigned the alias specified in the anonymous function parameter list. Order is important. The modules and aliases must be in the same order or the application will behave in unusual ways. In the example below, the "esri/Map" module is loaded, executed and assigned the alias "Map" which is used in the anonymous function's code block to create an instance of a map. (Open the code in Sandbox) <script>   require([     "esri/Map",     "esri/views/MapView",     "dojo/domReady!"   ], function(     Map,     MapView   ) { //TOP of REQUIRE     /*      *      * Application code      *      */   }); // BOTTOM of REQUIRE </script>‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍ Tip: Add a comment to mark the closing right brace-right parenthesis ( }); ). It's not unusual to have several right brace-right parenthesis pairs at the end of the code block. Losing track of which is which, having too few or too many is a common coding error, easily remedied by add a comment. References: Dojo Toolkit > Tutorials > Hello Dojo! Dojo Toolkit > Tutorials > Modern Dojo "dojo/domReady!" domReady is a loader plug-in (signified by the exclamation point). It's purpose is to block the execution of the require statement's anonymous function until after the document object model is built in memory. References: Dojo Toolkit > Documentation > dojo/domReady! ... View more

Learning aid for the Introduction to Web Development Using ArcGIS API for JavaScript (IWEB) instructor-led course. General References: Mozilla Developer Network (MDN) > Web technology for developers w3schools.com HTML document: What Is HTML? The Anatomy of an HTML5 Document HTML basics > Anatomy of an HTML document Tutorials: Esri Training > Basics of JavaScript Web Apps Learn to Code HTML and CSS MDN > Learn web development > Introduction to HTML > Introduction to CSS w3schools.com > Learn HTML > Learn CSS Basic web page <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <meta name="viewport" content="initial-scale=1,maximum-scale=1,user-scalable=no"> <!-- HTML Comment --> <title>IWEB | Basic Web Page</title> <!-- Load external style sheet --> <link rel="stylesheet" href="https://js.arcgis.com/4.16/dijit/themes/claro/claro.css"> <!-- Internal styling --> <style> body { font-family: "Tahoma","Helvetica",sans-serif; } </style> </head> <body class="claro"> <h1>Introduction to Web Development Using ArcGIS API for JavaScript</h1> </body> </html>‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍ <!DOCTYPE html> The document type declaration is always the first line in your HTML file. The browser uses it to determine the HTML version used in the page. <!DOCTYPE html> identifies this is an HTML5 page. References: <!DOCTYPE> HTML <!DOCTYPE> Declaration <html>...</html> Species the document as an HTML page for the browser. All content on the page appears between the opening and closing <html> tags References: <html> HTML <html> tag <head>...</head> The <head> element provides metadata about the document. Contents in the head section, other than the <title> element, are not displayed in the browser. References: <head> HTML <head> tag <meta charset="utf-8"> Identifies for the browser the character encoding used in the page. UTF stands for Unicode Transformation Format and 8 indicates it uses 8-bit blocks to represent a character. <meta charset="utf-8"> is used in HTML5 pages. The character set declaration should be in the first 1024 characters loaded. References: <meta> HTML <meta> charset Attribute <meta name="viewport" content="initial-scale=1, maximum-scale=1, user-scalable=no"> The viewport meta element allows web developers to control how content is displayed on mobile devices. Due to smaller screen sizes on mobile devices, mobile browsers render web pages in a virtual window - the viewport - which is usually wider than the actual screen. Using viewport means the content isn't squeezed to fit on the device's screen. The initial-scale property controls the zoom level when the page is first loaded. The maximum-scale, minimum-scale, and user-scalable properties control how users are allowed to zoom the page in or out. Setting the viewport's initial-scale and maximum-scale to 1 and user-scaleable=no means that the page will display properly on the mobile device and prevents the user from zooming in or out to the page. This is a good thing because the same gestures are used to zoom in and out in any interactive map displayed on the device. References: Using the viewport meta tag to control layout on mobile browsers Responsive Web Design - The Viewport <meta> <!-- HTML comment --> You can comment your web page by placing text between '<!--' and '-->. Comments are not displayed in the browser. <title>IWEB | Basic Web Page</title> Specifies the document's title. The document's title is shown in the browser window's title bar, on a page's tab, or the text when bookmarking a page. References: <title> HTML <title> Tag <link rel="stylesheet" href="https://js.arcgis.com/4.16/dijit/themes/claro/claro.css "> The <link> element is used to load external resources, in this case Dojo's claro stylesheet. External style sheets can be used in mulitple documents. References: <link> HTML <link> tag MDN > Web technology for developers > CSS <style>...</style> The <style> element specifies the styling to use for the document or parts of the document.  Using the <style> element limits the styling to the current document. References: <style> HTML <style> tag MDN > Web technology for developers > CSS <body>...</body> The contents to display in the browser are placed in the <body> element. References: <body> HTML <body> tag ... View more

Apply the same search functionality used in the 4.1 JavaScript API Reference (Search, Quick links, All modules, Index) to the 3.18 JavaScript API Reference.  The 4.1 functionality makes it possible to search for a class, object, property, method or event. Search is limited to classes and module in 3.18. ... View more

Questions that have come up while learning and teaching the ArcGIS API for JavaScript. Q: Can the ArcGIS API for JavaScript be used with other JavaScript toolkits and libraries? A: Yes, the JavaScript API can be used with other JavaScript libraries. You can find several examples of using the API with other libraries on Esri's GitHub pages including bootstrap-map-js, angular-esri-map, and jquery-mobile-map-js. Using the compact version of the API is useful when working with other JavaScript libraries. It minimizes the number of Dojo and Esri modules loaded with the API. The ArcGIS API for JavaScript Web Optimizer can also be useful when working with other libraries by generating custom builds of the JavaScript API. References: About the API > Get the API > Compact build​ Recommendations > Frequently Asked Questions  > Can I use a framework like jQuery with the ArcGIS JavaScript API?​ Using the Web Optimizer ArcGIS API for JavaScript Web Optimizer Q: In the JavaScript API Reference some of the class names are capitalized while others are not. Is this meaningful? A: In general, the capitalization is meaningful. The naming convention used in the API follows the Dojo Style Guide. Capitalized class names indicate classes which can instantiate as objects. They will have a constructor. Lower-case names indicate modules, which are collections of methods and constants. “Modules are about providing methods that you can use across multiple classes – think about them as ‘libraries’… Classes are about objects, modules are about functions.” References: Dojo Style Guide (Community) or Dojo Style Guide (Documentation) Dojo Style Guide > Naming Conventions Names representing modules SHOULD be in all lower case. Names representing types (classes) MUST be nouns and written using CamelCase capitalization. StackOverflow, Difference between a class and a module. Q: Are ArcGIS JavaScript API modules loaded asynchronously or synchronously? A: Dojo provides the module loading functionality for the ArcGIS JavaScript API, specifically the AMD loader. By default, the AMD loader is synchronous in order to maintain backwards compatibility. Switching to asynchronous mode is done by adding the following code to the script before loading the ArcGIS JavaScript API: <!-- Configure dojo for asynchronous module loading --> <script>   var dojoConfig = {     async : true   }; </script> Note: You can only set the async flag before the ArcGIS JavaScript API is loaded. References: Concepts > Dojo > Get Dojo Concepts > Dojo > Dojo and AMD Dojo Toolkit > Reference Guide > The Dojo Loader Q: What does the viewport meta tag do? The JavaScript API samples frequently include the following comment <meta> tag near the beginning of the <head> section of the HTML page: <!-- The viewport meta tag is used to improve the presentation      and behavior of the samples on iOS devices --> <meta name="viewport" content="initial-scale=1, maximum-scale=1,user-scalable=no"> A: The viewport meta tag allows the developer to control how pages are displayed on mobile devices. The viewport is the virtual page on which content is laid out. It can be larger or smaller than the mobile device's actual screen. Users then pan-and-zoom to see different areas of page. "initial-scale=1" sets the viewport width and height to that of the device. "user-scalable=no" prevents the user from zooming in and out. "maximum-scale=1" also limits the user's ability to zoom. References: Safari Web Content Guide > Configuring the Viewport Safari HTML Reference > Supported Meta Tags MDN > Using the viewport meta tag to control layout on mobile browsers​ Q: Does Dojo need to be explicitly referenced when building an application using the ArcGIS API for JavaScript, or is it included in JavaScript API? A: No, explicitly referencing Dojo is not required. Referencing the JavaScript API also provides access to Dojo. References: About the API > Dojo > Get Dojo Q: How much Dojo do you need to know to work with the JavaScript API? A: How much you need to know depends on what you need to do. You can build full-featured applications using just the JS API. Knowing Dojo is not necessary, but many things you can do with HTML, CSS and JavaScript are simpler using Dojo. If you need to build your own widgets and tasks, then knowing Dojo is essential. References: JS API Guide > Why Dojo? JS API Guide > Dojo Resources ArcGIS Blog > What is Dojo and why is it important to ArcGIS users? ... View more