Web AppBuilder - The custom widgets list (4/5/2018)

RebeccaStrauch__GISP · ‎03-03-2017

Web AppBuilder - A list of the custom widgets

last update: 3/26/2018

4/5/2018 -
- Widget to refresh app files from server instead of client cache if app has had updates. (on Andrew Terwiel 's Github)
  - Custom-WAB-widget-AppUpdate: Widget to refresh app files from server instead of client cache if app ...
- From past few weeks..several custom widgets from Adri2c Pérez Beneito 's GitHub - AdriSolid/WAB-Custom-Widgets: WAB Custom Widgets
v 2.7 now available on the developer page Web AppBuilder for ArcGIS (Developer Edition) | ArcGIS for Developers
- Previous version also available SDK Downloads | ArcGIS for Developers

This blog contains the list and links to the custom widgets.

For latest news, etc (priamary site) : /blogs/myAlaskaGIS/2016/03/09/web-appbuilder-developer-edition-customization-resource-list?sr=search...‌

Looking for customizing tips? Web Appbuilder: Tips and tricks for creating, modifying and using custom widgets (2/22/2017)

My other WAB related blog posts:

NEW --> (this post) /blogs/myAlaskaGIS/2017/03/04/web-appbuilder-the-custom-widgets-list-332017‌
NEW Web Appbuilder: Tips and tricks for creating, modifying and using custom widgets (2/22/2017)
NEW Web AppBuilder Developer Edition - Help, training and related links (updated 2/13/2017)
MAIN /blogs/myAlaskaGIS/2016/03/09/web-appbuilder-developer-edition-customization-resource-list - updated often, recommend bookmarking this one for most current announcements, custom widgets, etc.
Tips and Observations for getting Web AppBuilder - Developer Edition Installed (updated 2/18/2017)
Tips for using the custom LocalLayer widget with WAB-Dev edition (updated 2/18/2017)

Custom widgets and coding tweaks -

Note: I list all custom widgets that I see posted. Being on the list does not mean I have tried them.

I tried to sort by function/use, but recommend looking thru full list.

User interface and experience

4/5/2018 - custom widget to help force app update for users using older version of you app using cookies
- Andrew Terwiel 's Github)
- GitHub - alterwiel/Custom-WAB-widget-AppUpdate: Widget to refresh app files from server instead of c...
10/26/2017 modified SaveSession Widget (see Lefteris Koumis comments from 10/26/2017)
...With this version you can save in the session a local file (shapefile), in addition to any web service based layers, and the basemap that you are using. This version was developed in version 2.4 and it was tested in Chrome and IE.
8/8/2017 new widget Full Motion Video Widget v1.0.2 - 10/28/2017
3/3/2017 - new Google Analytics widget GitHub - crackernutter/esri-wab-widget-google-analytics: A google analytics widget & template for us...
2/14/2017 Jon Lynch's Custom CSS Widget 1.0 14/2/17
2/13/2017 Custom layerlist widget ( ofri g )
2/7/2017 new widget custom swipe widget ( ofri g )
1/2/2018 updated Layer Toggle Button Widget Version 2.6.0.1 - 01/2/2018
1/31/2017 Enhanced Layer List - Metadata (7/17/17)
- and alternative "pop-up/message" thread Modal popup message in legend widget
1/23/2017 new widget (written in WAB de 2.1, so may need testing for newer versions) Map Info Widget Version 2.2.3 - 1/27/2017
12/14/2016 thread wtih Tips for Printing Popup Contents https://community.esri.com/message/653809-re-printing-popup-contents?commentID=653809&et=watches.ema... (scroll down to Dec 14 if link doesn't)
12/8/2016 new Tab Widget to follow Splash Screen - Web AppBuilder 2.x "a modified theme and a "Welcome" widget" William Miller
5/8/2017 Now translated into English Advanced Identify Widget ...not updated/tested for current release (v2.4) yet
- Widget_AdvancedIdentify_ImplementationManual.pdf
- IdentificacionAvanzada.zip
8/10/2016 Sample datagrid widget by Robert Scheitlin, GISP (may not be complete plug-n-play yet ??) https://community.esri.com/message/627152#comment-627152
NEW 7/29/2016 Url Button Widget Version 2.3 - 02/14/2017
Busy loading indicator Map Progress Indicator Widget Version 2.3 - 02/14/17 (Robert Scheitlin)
1/14/2016 interesting discussion with sample widget code by Girish Yadav Re: Has anyone built a login widget?
2/7/2016 Darker icons (David McCourt)
2/18/2016 WAB default icons in a .zip file Where can I download the icons
2/7/2016 SaveSession Widget (David McCourt)
Icons for WAB - links to icon sites

Services and layers:

1/23/2018 new ModifiedWeather.zip (brings you to the desc page first...not a direct download link)
9/14/2017 new widget Weather Widget Version 1.2.0 - 1/24/2018 (Christopher Schreiber)
10/30/2017 Updated widget Full Motion Video Widget v1.0.2 - 10/28/2017
2/13/2017 Custom layerlist widget ( ofri g )
1/10/2017 Enhanced Layer List - Metadata Dialogs widget Enhanced Layer List - Metadata (1/31/17)
- github link EnhancedLayerList/ReadMe.html at master · kevinsagis/EnhancedLayerList · GitHub
- demo ArcGIS Web Application
3/7/2016 new imagery service widget blog post FYI: Image Service widgets available on GitHub And direct link to download page GitHub - Esri/WAB-Image-Services-Widgets: WAB widgets specific to image services. (Esri Raster Dev team)
5/29/2016 ISURadar Nexrad Weather Radar Widget
2/7/2016 AddLayer Widget (David McCourt)
2/7/2016 ChangeWebMap Widget (David McCourt)
Local Layer - use your ArcGIS Server services direct (Adam Drackley and Robert Scheitlin)
- info and discussion LocalLayerWidget Version 2.5 and AccessifizrWidget Layer - 09/28/2017
- download Release LocalLayerWidget 2.5 · cmndrbensisko/LocalLayer · GitHub
  This major release includes the following enhancements for the widget:
  - Support for Custom Layers via Transformers
  - Demos and sample apps
  - Prototype 3D Widget
  - Dynamic application GUI change at runtime and css insertion via odds.json/odds.css
- 11/16/2015 LayerListLite Widget (Notice...Lite in name) Direct github link cmndrbensisko/LayerListLite · GitHub (Adam Drackley )
- updated 11/16/2015 Re: LocalLayerWidget
- Note for WAB 1.2 updates:
  - When working with the Local Layer widget in the 1.2 developer edition, the file location to modify in the config file for it to recognize in the WAB1.2:
    - \arcgis-web-appbuilder-1.2\client\stemapp\predefined-apps\default\config.json
    - \arcgis-web-appbuilder-1.2\client\stemapp\predefined-apps\basic_viewer\config.json
    - \arcgis-web-appbuilder-1.2\client\stemapp\predefined-apps\editor\config.json
    - \arcgis-web-appbuilder-1.2\client\stemapp\predefined-apps\simple_map_viewer\config.json
  - Discussion LocalLayerWidget and AccessifizrWidget (
  - Github https://github.com/cmndrbensisko/LocalLayerWidget
  - Use of the Local Layer Widget? no comments as of time of my adding to this list (2/16/2016), but this could an interesting discussion so including here.

What's the proper configuration for proxy.config and config.json for a self-hosted Web AppBuilder fo...
- see the "answer" portion by (Alex Mahrou)

Add service widget. Add Service Widget 1.2 (Damien Robinson )
New 7/30/15 Add Shapefile Widget (Nathan Strout)
5/30/2016: ImportFile.zip Adam Roestenburg Allows users to add a SHP, CSV OR DXF to directly to a Web App and specify a coordinate system.
9/18/2015 AddShapefile with remove option (Diego LLama)
9/21/2015 Enhanced Bookmark Widget Version 2.3 - 2/14/17 (Robert Scheitlin)
9/29/2015 ArcGIS Online Webmap Switcher Version 1.2 9/29/15 (Daniel Stoelb)
Enhanced Basemap Gallery – Use slider to mashup two base-maps Enhanced Basemap Gallery (Robert Scheitlin)
Streetview options: see note below....although some have heard differently, until I see something else official, I am leaving this posted.
re: Google Street View from Robert Scheitlin, GISP (8/29/201) (underline added)
All after much back and forth with different people and what now seems to be legitimate email traffic with the Google Maps API Team. It is now apparent that this widget does NOT conform to the Google Maps API Terms of Service. Due to this fact, this widget download will be removed and the live preview site will be un-accessible. It is my recommendation that all users of this widget immediately remove the widget from their WAB site and discontinue use of this widget. The only way it seems currently to be compliant with the TOS is to not have a (non-Google) map visible at all in the app which is of no use at all to us esri users. I find it hard to understand how the Worlds leader in GIS technology and Google can not come to terms on the use of StreetView panoramas with esri basemaps, but it is what it is. So after years of this widget being used by hundreds of users around the world we must say good-bye.
- Google Street View Widget (Robert Scheitlin) Do not use due to Google Maps API Team and Terms of Service
- 12/5/2017 new widget Google Earth Widget Kevin MacLeod
- Street View in Popup Widget (Stan McShinsky) Do not use due to Google Maps API Team and Terms of Service
- Streetview · GitHub (Kevin MacLeod) Do not use due to Google Maps API Team and Terms of Service
- 8/28/2017 Mapillary Widget for Web AppBuilder (Developer Edition) v0.0.2
  - 8/1/2017 updated widget
    - Mapillary has updated the Web AppBuilder Developer Edition widget, which is available for free use here: GitHub - mapillary/Mapillary-WebAppWidget
      We also offer a premium version that allows for editing by clicking on the photo to add points to the map, please contact sales@mapillary.com for more information!
    - demo ArcGIS Web Application
Pictometry (Kevin MacLeod) links updated 1/11/2017
- Main page Pictometry Widget (7/9/15)
- Geonet discussion Pictometry and Streetview use main page links for updated info
- github: GitHub - kevinsagis/Pictometry-for-WebApp-Builder: Pictometry Widget for ESRI WebApp Builder 1.1
- live demo: http://sagiscloud.thempc.org/pictometrywidget/
- Re: for those on Internal EFS...with permissions from Pictometry
new widget from Robert S Aloha Threat Zone Widget Version 2.3 - 02/14/17 NOAA'a ALOHA
(Areal Locations of Hazardous Atmospheres) input .pas tool

Navigation:

5/1/2017 GoToXY widget (ofri g)
updated 11/14/2017 Traverse Widget 2.5 - 11/14/2017
1/23/2017 Web AppBuilder app and external GPS post with possible solution using "GpsGate".
- https://community.esri.com/servlet/JiveServlet/download/661043-1-171547/External%20GPS%20workaround....
Zoom Previous-Next (Larry Stout) Zoom Prev Next Widget
- 6/15/2017 New/enhanced version (Nicole Ueberschär)ZoomPrevNext (2017-06-14) with images
Bookmark Widget - Search list of bookmarks
- Discussion and Download: How would I add search functionality to bookmark web app builder widget?
Anvil bookmark widget. Anvil Bookmarks Widget (Larry Stout)
Location – give coordinates, plot location --- Two options:
- Location Widget (Tim Witt)
  - Live demo: Location widget demo
- Customization of Tim W's location widget: 1.1 (Thomas Colson)
- new widget 10/2/2015 Enhanced Locate Widget Version 2.3 - 2/14/2017 (Robert Scheitlin)
URL/extent tracking – use browser buttons to go back/forth between extents
- Discussion (with zip download link) URL widget (extent tracking...)
- Github magis-nc/esri-webappbuilder-widget-url · GitHub
- Discussion (similar topic, but during WAB beta) Re: Url Query (urlToObject)
Accessifizr – make app WCAG compliant; keyboard navigable without modifying core app
- Discussion LocalLayerWidget and AccessifizrWidget
- Github https://github.com/cmndrbensisko/AccessifizrWidget

Measuring drawing, editing:

1/17/2018 Description/Blog: https://community.esri.com/people/bpelchat/blog/2018/01/13/composite-coordinate-map-pinner Download: CompositeCoordinate Widget V1.8
9/19/2017 new widget..on GitHub Fractal Dimension
Create Point Features at XY Location Version 2.4 - 05/31/17 Mark Yerington "..extended the smart editor widget to place a graphic location then you can use the graphic location to snap your features to that location."
Enhanced Measure
- Measure Widget for Web App Builder (Tom Sellsted)
  - See comments for instructions to turn off pop-ups in default Draw widget --- might be fixed in version 1.1?)
- 7/5/2017 Sample code: Measurement Dijit - Interactive Distance Measures JSAPI 3.x
Enhanced Draw -- TWO options
- Enhanced Draw Widget (Tim Witt)
  - Live Demo: Advanced Draw Widget
- eDraw widget (Jeremie Cornet)
1/15/2016 new widget Closest Facility Widget for Web AppBuilder ( Mark Deaton )
- Adding custom icons
  - Adding custom icons to the draw tool (Stan McShinsky)

Search, Identify, Query, popups, charts, etc.

3/26/2018 new widget ChartJS Widget v1.0 03/25/2018 ( Adri2c Pérez Beneito )
2/11/2018 new widget Heat Map Widget 1.1 03/03/2018
1/20/2018 new Bar Chart Cedar Widget v1.2 - 20/1/2018
1/17/2018 New...
- GitHub - gavinr/web-appbuilder-find-restaurants: Widget to allow user to find restaurants using the ... ( Gavin Rehkemper blog: Gavin Rehkemper's Blog )
1/17/2018 New....(from William Pelchat's Blog Dec/Jan ...might be worth following William Pelchat )
1/16/2018 Weather Widget Version 1.2.0 - 1/24/2018
4/19/2017 Screening/report widget
- An Introduction to Environmental Screening | ArcGIS Blog
- Environmental Screening | ArcGIS for State Government

11/9/2016 Advanced Identify Widget
11/20/2015 Advanced Query widget (in "alpha stage" so provide constructive feedback to Kevin MacLeod )
- #4 on his list here Kevin's Custom WAB Widgets

11/17/2017 Popup Panel Widget Version 2.6 - 11/17/17 "For those of you that don't want the popup to block features on the map or wish you could have selections results info display some where beside the map info window"
Enhanced Search (esearch)
- Enhanced Search Widget Version 2.7 - 2/23/18 (Robert Scheitlin)
- Help doc:Web AppBuilder for ArcGIS | Help - Enhanced Search widget

Identify
- Identify Widget (Robert Scheitlin)
  - Help doc:Web AppBuilder for ArcGIS | Help - Identify Widget
Data and Time Picker.......jQuery code, not actual widget. link is to Stan McShinsky code in an geonet thread
- Re: WAB - Date range picker gets to the comment with code (might be one comment down
- full (top of) thread WAB - Date range picker
1/4/016 not a WAB widget (yet) but an interesting blog re "Aerial Information" pop-up Javascript API - Aerial Information Widget Tim Witt

Visualization:

- Enhanced Swipe tool
  - Swipe Plus Widget Version 1.1.x (Larry Stout )

Display, output and printing:

- Enhanced Print tools
  - Print Plus Widget Version 1.1.x (Larry Stout )
  - Share Your Map (share) – to social media; and code generator for embedding; and bitly url shortening
  - Share Widget Version 1.1.x (Robert Scheitlin)
  - GitHub - WSDOT-GIS/arcgis-map-thumbnail-builder: Exports an image of an ArcGIS API for JavaScript ma... Jeff Jacobson
  - Screenshot widget 1.0
  - Screenshot Widget (Kevin MacLeod) links updated 1/11/2017
    - works with WAB 1.x, 2.x unknown
    - Screenshot Widget
    - demo ArcGIS Web Application and github for SaveAsDemo GitHub - kevinsagis/ScreenshotDemo: Screenshot and SaveAs demo
- Enhanced Coordinate - add 1: info to scale bar
  - Can I display current scale in web app builder application?
  - direct link Enhanced Coordinate widget
- 1/27/2016 Coordinate + Scale widget for WAB Dev 1.3 (Barnaby Rockwell)
- Zoom in and out using a Tool/draw-box; Pan widget added to zip download (Stan McShinsky)http://jiveon.jivesoftware.com/mpss/c/iAA/PDcDAA/t.1mr/wISx0JYwRe2nsj3qgV1UCA/h1/WXYIqorVIGQuIDJ2G2j...
  - Pan widget added to zip download
  - Discussion and Download. Zoom In/Out/Pan Widget v1.1.0
  - demo Demo Application
Elevation Profile widget
- Elevation Profile Widget Version 2.5 - 09/13/2017 (Robert Scheitlin)
Script:
- "a suite of RegEx script commands for use in Notepad++ which quickly convert the XML config code from the Flex version widget into json code for the WAB version of the widget."
- Re: Roberts Custom WAB Widgets ..script provided with comment by Barnaby Rockwell
Sample "widget opacity mixin"
- Re: Some opinion on a beta eDraw widget zips are comment, this link should bring it up

Other discussions and widgets will be added as time allows. Thanks to all that provide the widgets and coding tips.

**************************************************************************************************************

Please remember, custom widgets are created and provided by the generosity of the

other users in the community, like you. Most have real jobs too. So, be patient and

appreciative for the tools and advice they provide.

*************************************************************************************************************

Web AppBuilder - The custom widgets list (4/5/2018)

Web AppBuilder - A list of the custom widgets

My other WAB related blog posts:

Services and layers:

Navigation:

Elevation Profile widget

Script:

Sample "widget opacity mixin"