Kevin's Custom WAB 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/WebAppBuilderForArcGI...

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.

BabatopeAdebajo · ‎01-11-2017

Nice work with the Metadata Dialog....... Very useful, have not had the opportunity to have a go at it via my webapps but would soon and give you feedbacks.

Baba

CCWeedcontrol · ‎02-14-2017

I currently updated to WAB 2.3, i will keep an eye out for the new updates for 2.3. They look awesome!

How do you add these to WAB to actually show up?

CCWeedcontrol · ‎02-16-2017

Do i am the eQuery folder to client\stemapp\widgets directory and add a reference to the widget in the standard Default App configuration located at \client\stemapp\predefined-apps\default\config.json, under the widgetOnScreen section?

I am on WAB Dev 2.3.

{
        "uri": "widgets/eQuery/Widget",
        "visible": false
    },

KipoKipo · ‎09-06-2017

I probably have the same question as CC Weedcontrol here. Just couldn't get the WAB recognize the widget. I simply coped the whole downloaded folder to stemapp\widgets and restarted WAB, but it never shows up as a valid widget. I tried both 1.3 and 2.5 versions. Did I miss anything here or this widget is simply not compatible with these versions.

Thanks!

KP

AliBarakat · ‎09-14-2017

im facing the same issue as kipokipo‌

i copied the folder for the enhanced query but nothing is showing

am i missing anything?

Anonymous User · ‎12-14-2017

Ali Kipo ‌ https://community.esri.com/migrated-users/40673

Did you add to your config? In mine I call it Enhanced Query and put it in a folder titled as that.

https://raw.githubusercontent.com/kevinsagis/EnhancedQuery/master/eQuery/config.json

CCWeedcontrol · ‎02-15-2018

I was able to get the widget to show up.

I was able to change the layer in widgets\Ehanced Query\config.json to just one feature server.

How do i add more layers to the "Select a map layer field to search". My may and layers are ArcGIS Online.

Thanks.

Anonymous User · ‎02-19-2018

The Enhanced Query widget searches only one layer at a time. Now, Esri's 'Filter' built in to the Attribute Table is at least as useful. I do wish they'd expose it more to end users and make it in to its own widget, similar to mine. But there's not much it can do my eQuery can't. Is there a particular feature you need that Attribute Table's Filter does not do?

(It would be neat if you could build your own filters stacking multiple layer conditions, like the "Search by Spatial" in Robert's eSearch. And in fact if you could combine not only spatial but attribute filters between layers. I will suggest it to Esri at Dev Conf)

CCWeedcontrol · ‎03-07-2018

I do see that the Enhanced Query widget is only able to query one layer at a time but in your demo web app in the "Select a map layer field to search:" you have about 30 layers to select from. I am currently only able to just have one. How do you add more layers to the Select a map layer field to search: drop down.