kmsagis

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

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.

Outcomes