Web AppBuilder Custom Widgets

Anonymous User · ‎01-10-2017

Hi All, here are some custom Esri Web App Builder widgets I have created. They each have their own thread, like Robert's. I also put together a package that assembles all of these widgets and many various other Web App Builder tweaks in to one downloadable repo. It is based on a recent project, our county property viewer www.sagis.org/map This is the entire project with all widgets and extensive customizations, all of which are documented in the Read Me. https://github.com/kevinsagis/CustomizedWebApp_DeveloperEdition212 Note, if you increase the API Version in env.js that may fix the popup highlight bug (thread link) where the shape is warped due to quantization. I had to do that for 2.12. I will be uploading an updated guide to customization soon. Here is a link to the Help Document and YouTube Videos for this Property Viewer: Original Word document to edit: https://www.sagis.org/wwwSAGISorg_help.docx Compressed PDF: https://www.sagis.org/map/wwwSAGISorg_help2.pdf Original PDF: https://www.sagis.org/wwwSAGISorg_helpUncompressed.pdf I cover the standard out-of-the-box widgets, as well as the custom widgets. Hopefully this can be helpful and useful here to everyone that uses WAB, and needs to write a Read Me. Feel free to copy out of this document for your own use if you like! I put a good amount of work in to the Word document so it should hopefully be a good starting point. There are Help documents for both Foldable and Launchpad themes here: https://github.com/kevinsagis/CustomizedWebApp_DeveloperEdition212/tree/master/WebAppBuilderForArcGIS Google Earth Widget (WAB 2.12) (Updated Dec 2019) GitHub - kevinsagis/GoogleEarth: Google Earth Widget Demo link: Google Earth Widget Demo Thread: Google Earth Widget Update 2020 - Google Earth now works in all browsers! Enhanced Layer List - Metadata Dialogs (WAB 2.4 - 2.12) (Updated July 2019) Thread: Enhanced Layer List - Metadata (7/17/17) GitHub Download: GitHub - kevinsagis/EnhancedLayerList Demo Site: Enhanced Layer List - Demo Site - Metadata Dialogs Update: adds REST Link and 'No Information Available' features. Tested and working up to WebApp Builder 2.12 ----------- Below are older widgets WAB 1.x from the blog. If denoted, they work in 2.x-2.12. If denoted '??' I have not tested in 2.x yet. ----------- Pictometry (WAB 1.x - 2.4 - 2.12) GeoNet Thread: Pictometry Widget (5/29/19) Demo link ArcGIS Web Application GitHub link to code: kevinsagis/Pictometry-for-WebApp-Builder · GitHub Archived Discussion: Pictometry and Streetview Tested and working up to WebApp Builder 2.6 Streetview (WAB 1.x - 2.12) REMOVED Screenshot Works in WAB 1.x. Untested in 2.x. Thread: Screenshot Widget Screenshot widget at kevinsagis/ScreenshotDemo · GitHub Widget demo at: ArcGIS Web Application "Alternate Version" 1.0: This is what I ended up deploying after issues noted in this widget's thread: An About Widget with text instructing users to leverage the screenshot. ArcGIS Web Application Git: kevinsagis/ScreenshotAlternateVers · GitHub Enhanced Query selection widget Status: Enhanced Query 1.0 Alpha 1 works and tested in WAB 1.2 and 2.4-2.12. Works with one service at a time. To use, create the query, click Add to Query, then 'Search'. GitHub: EnhancedQuery/eQuery/widgets/Enhanced Query at master · kevinsagis/EnhancedQuery · GitHub Demo: https://cloud.sagis.org/eQueryB1 ReadMe: EnhancedQuery/readme.html at master · kevinsagis/EnhancedQuery · GitHub Credit to Robert Scheitlin for advice and code collaboration.

RobertScheitlin__GISP · ‎08-01-2016

This is just a simple widget to toggle a configured layer(s) on and off using a button. The layer(s) can be a whole map service layer or a specific sublayer(s) in a map service. This widget will sync with the LayerList widget. You can add multiple instances of this widget to onscreen place holders or in a widget controller like the Header controller in the Foldable theme. Live Preview Site List of the latest enhancements and changes: Fixed issue with group layers in 2.12 WAB. List of Previous changes: Fixed issue with basemap being toggled when exclusive mode is used in 2.12 WAB. Full support for using this widget in the Launchpad themes Anchorbar controller is now supported. There is now an exclusive mode for the layer toggle. Meaning that all other layers will be toggled off if the layer is exclusive. Caution should be used when choosing this mode. There is now a zoom to layers extent option for the layer(s) toggles. There is now a event that can be listened for when a layer is toggled on. The event name is 'toggleChanged'. Widget now indicates the toggle state of the layer using the background color of the button. You can follow the directions in the downloads readMe.txt to set the initial state of the button to be toggled on. Now the widget support toggling multiple layers.

RobertScheitlin__GISP · ‎10-02-2015

Here is another widget for the Web App Builder. Live Preview Site Web AppBuilder for ArcGIS | Help - eLocate Widget Features: Locate and address (like the search widget, but gives you the ability to limit the address search to the maps current extent). Locate coordinates using user defined spatial reference coordinates (i.e. DMS, State Plane, Etc). Reverse Geocode capability called Address Inspection. Address Inspection is clicking on the map and getting the address of the map click point. List of the latest enhancements and changes: Fixed issue with result tab being disabled and widget attempting to select the results tab. Fixed feature popups not working when the address inspector is activated and widget is closed. Add ability to specify a transform WKID. Added ability to specify the WKID that coordinates in the popup are displayed in. Older Versions Last 2.9 version Last 2.7 version Last 2.5 version Last 2.4 version

DavidMcCourt · ‎02-06-2016

The SaveSession Widget for ArcGIS Web AppBuilder enables users to save the current map settings into a session and restore them again later. A saved session includes the extent, visible layers and annotations of the current map. Sessions may be saved and loaded from files so they can be shared with others. Using the Widget The SaveSession Widget is an in-panel widget that will be displayed in the toolbar of your WebApp Builder application. Click the icon display the SaveSession panel. Saving a Session Once you have the map just the way you want it - zoomed to the area and layers turned on, enter a name for the session and click the Save button. The session will be added to the Saved Sessions list. Restoring a Session To return the map to the same state as when you saved the session, you can double-click the title of the session to load the map. Managing Sessions in the List Hover over the Actions column for a session entry to reveal the actions that can be performed on the entry. Load Map = will load the restore the selected session to the current map Download Map = will save the session entry to a file that may be shared. Edit = allows the user to change the session name *Move Up - Down * = lets you arrange the entries in the session list in the desired order Delete = click the Delete button to remove the entry from the list Sharing Sessions Saved Sessions may be shared with other users or another browser on the same PC by saving the session to a file and then loading the session from the file into the session list. To save a single session to a file, click the Download Map action for the entry. To save all sessions in the list to a file, click the Save to file link. To load the sessions from a file, click the Load from file link to display the Load sessions from file dialog Click the Choose File button and select the file to load. The selected file must be a saved session file. All sessions from the file will be loaded. If a loaded session has the same name as an existing session, a number will be appended to the session to make the name unique. Widget Setup Source code and installation instructions may be found at GitHub - softwhere/SaveSession-Widget v2.7 - released on 4/3/2018 Download Thanks to the City of Garland, Texas for sponsoring the initial development of the SaveSession Widget and releasing it to the community.

JohnThomas6 · ‎08-19-2025

I have a points layer in ArcGIS Online with a related table that lists multiple interventions for each point (e.g., Striping, Signage, Lighting). The relationship is one-to-many (PointID → Interventions). The related records display correctly, but I can’t figure out how to create a filter so I can locate all points with a certain intervention (for example, all points that need Striping). Do filters in AGOL only work on fields in the primary feature layer? Is it possible to filter points by values stored in the related table? If not, what’s the recommended workflow — duplicating intervention info into the point layer, creating layer views, or another method? Any suggestions or best practices would be greatly appreciated.

Web AppBuilder Custom Widgets

Web AppBuilder Custom Widgets

Welcome to Web AppBuilder Custom Widgets

Group Activity

Kevin's Custom WAB Widgets

Layer Toggle Button Widget Version 2.14 - 01/13/2020

Enhanced Locate Widget Version 2.16 - 08/21/2020

SaveSession Widget

Filtering Points Based on Related Table Field in AGOL

Web AppBuilder Custom Widgets