Kevin's Custom WAB Widgets

Discussion created by kmsagis Champion on Jan 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 


This is the entire project with all widgets and extensive customizations, all of which are documented in the Read Me. 

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:  

Compressed PDF: 

Original 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: 




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/20) 

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)




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


ReadMe:  EnhancedQuery/readme.html at master · kevinsagis/EnhancedQuery · GitHub

Credit to Robert Scheitlin for advice and code collaboration.