topic Larrys Custom WAB Widgets and More in Web AppBuilder Custom Widgets Questions

Larrys Custom WAB Widgets and More

LarryStout — Mon, 06 Apr 2015 21:06:29 GMT

All,

Here is a list on my currently available Web AppBuilder widgets for Web AppBuilder 1.x.

Anvil Page

Anvil Map Tips Page

Anvil Bookmarks Page

Print Plus Widget Page

Swipe Plus Widget Page

Zoom Prev Next Page

Here is a list of my mixin classes for the Web AppBuilder 1.x widgets.

_WidgetOpacityMixin Page

_WidgetMetadataMixin Page

Here is my entire application, which includes my Acme Widget. The Acme Widget is invisible, but adds key functionality to the basic Web AppBuilder viewer and modifies the appearance and/or behavior of several Esri Widgets (without editing the Widgets themselves).

Changes and Bug Fixes, May 5, 2015

Print Plus Widget fixes
Changed all instances of _widgetOpacityMixin* to _WidgetOpacityMixin*.
Changed all instances of _widgetMetadataMixin* to _WidgetMetadataMixin*.

Changes and Bug Fixes, May 3, 2015

Changed config property from "public" to "isPublic" ("public" is a reserved word).
Changed the Scale to display above the Scalebar Widget.
Added configurable link to the HeaderController Widget icon and title.
Fixed a bug that caused a console error when a Feature Layer Custom Popup doesn't have tabs.
Fixed a bug that caused an error on startup on occasion.
Fixed a bug in the Draw Widget modifications that caused the Bold, Italic, and Underline buttons to not be honored when dragging text to place it.

Web AppBuilder Application

2015-05-05.zip

All documentation is now included in the Doc folder in the zip file.

This is a live preview site for all of the above (except Anvil):

Live Preview

My To Do List:

Get documentation and examples together for the Acme Widget and post it along with several widgets that depend on it:
1. Reset Layers Widget
2. Share Widget
3. User Preferences Widget
4. WelWhatDisHelpAbout Widget (Welcome, What's New, What's Missing, Disclaimer Help, About, Notice tabs)
Several other widgets need to be enhanced (in my opinion):
Write some new widgets:
1. Pictometry Widget
2. ???

Re: Larrys Custom WAB Widgets and More

RebeccaStrauch__GISP — Mon, 06 Apr 2015 21:17:32 GMT

Larry, thanks for creating a list for your various widgets. I've also added the individual widgets discussion threads, and this discussion thread to my Web AppBuilder Developer Edition - Customization Resource List (updated 2/18/2017) just fyi.

Feberuary 18, 2017 - with permissions from Larry, I am uploading the .zip I had downloaded before the links broke. The descriptions for each page are still the best location for more description. I will include this new list and links in the resource list.

Description and Download link:

Anvil Widget Version 1.1, May 21, 2015 --- Anvil-1.1-2015-5-21 (download - widget by Larry Stout)
Anvil Map Tips Widget Version 1.1, May 25, 2015 --- AnvilMapTips-1.1-2015-5-25 (download - widget by Larry Stout)
Anvil Bookmarks Widget Version 1.1, June 11, 2015 --- AnvilBookmarks-1.1-2015-6-11 (download - widget by Larry Stout)
Print Plus Widget Version 1.1.6 July 12, 2015 --- PrintPlus-1.1.6-2015-7-12 (download - widget by Larry Stout)
- and https://community.esri.com/docs/DOC-9629-companionlayoutswithnotitleblocks-download-widget-by-larry-stout
Swipe Plus Widget Version 1.1.3 April 11, 2015 --- SwipePlus-1.1.3-2015-4-11 (download - widget by Larry Stout)
Zoom Prev Next Widget Version 1.1.1 May 13, 2015 --- ZoomPrevNext-1.1.1-2015-5-13 (download - widget by Larry Stout)
_WidgetOpacityMixin Version 1.1.3 May 5, 2015 --- still looking where I may have this
_WidgetMetadataMixin Version 1.1.3 May 5, 2015 --- still looking where I may have this
Full sample and documentation --- Larry Stouts sample app and documentation 2015-05-05.zip

....still editing....saving before it crashes again...

Re: Larrys Custom WAB Widgets and More

LarryStout — Mon, 06 Apr 2015 21:19:28 GMT

Rebecca, thanks for taking on this task that never ends!

Larry

Re: Larrys Custom WAB Widgets and More

RebeccaStrauch__GISP — Mon, 06 Apr 2015 21:22:03 GMT

ya...I can't even keep up on rolling them in and testing on my apps.....but at least I have a list!!

Re: Larrys Custom WAB Widgets and More

NancyMilholland — Fri, 01 May 2015 00:47:08 GMT

Hi Larry -

I wanted to extract the WelWhatDisHelpAbout Widget alone from your web application, but it seems that there are a few hidden gotchas as I don't seem to be able to get the help tab to show up. If I remove the disclaimer tab, I can click through the other tabs, but then once I close the widget, I can never reopen it until the app refreshes. I was wondering if you had some suggestions of things that I can look to disable in the code (for example, help isn't available but the list is visible at startup). Does this require the Acme widget? How about the user preferences?

Cheers,

Nancy

Re: Larrys Custom WAB Widgets and More

LarryStout — Fri, 01 May 2015 16:49:46 GMT

Nancy,

The WelWhatDisHelpAbout Widget does have a dependency on the Acme Widget. My current efforts are to test every widget that has such a dependency and post example config files for the Acme Widget that support just one widget. Unfortunately, it's taking longer than I had anticipated.

The documentation that comes with the app (AWAB Viewer Enhancements and Extensions.pdf) gives an overview and lists the dependencies.

If you include the Acme Widget and can send me a link, I can help you troubleshoot.

Larry

Re: Larrys Custom WAB Widgets and More

NancyMilholland — Mon, 04 May 2015 18:30:47 GMT

Hi Larry -

Right now the app is local behind a fire wall. I've been able to create a new app after editing the default app config.json to include acme and WelWhatDisHelpAbout and get them to run properly - I just need to figure out what I've missed in the setup when I added the widgets to the existing app. I'm going to set up the app on a public server, so if I haven't resolved the issue, I'll send you the link to see if there is something obvious I've missed.

Cheers,

Nancy

Re: Larrys Custom WAB Widgets and More

JENNIFERHIGGS — Thu, 21 May 2015 18:20:03 GMT

I like your application for Hamilton Co. How did you modify your pop-up beyond what you can do in the Web Map itself. We would like to do the same things and add info in another tab.

Re: Larrys Custom WAB Widgets and More

LarryStout — Fri, 22 May 2015 18:11:31 GMT

Jennifer,

Thanks for the kind words. I have a "headless" widget (invisible, starts automatically) called Acme. In this widget, I overwrite the AGOL WebMap popup template with my own custom template.

I don't have enough documentation yet to post the Acme Widget, but I have posted a sample "headless" widget here, and you can download my entire app here, and work your way through the Acme Widget and its config file. I suggest you start at line 1405 of the Widget.js in the Acme Widget.

Larry

Re: Larrys Custom WAB Widgets and More

ChadRicks — Wed, 03 Jun 2015 15:35:12 GMT

Larry,

Thanks for posting these widgets! I don't know if you take requests but a WAB Overview map widget like your flex application have would be awesome. I would configure it to be a 1 to 1 relative scale to be a side by side compare.

Thanks again

Re: Larrys Custom WAB Widgets and More

LarryStout — Fri, 05 Jun 2015 17:41:58 GMT

Chad,

I started on this widget a couple of weeks ago, but have only been able to work on it on weekends. I think the hardest parts are done now, so maybe I'll have something soon to show you soon.

Larry

Re: Larrys Custom WAB Widgets and More

SebastianRoberts — Mon, 24 Aug 2015 16:32:47 GMT

Larry,

Do you have a custom splash page widget that includes the tabs that you use on the splash page for your mapviewer, or is that part of your anvil widget?

Re: Larrys Custom WAB Widgets and More

LarryStout — Mon, 24 Aug 2015 20:13:33 GMT

Sebastian,

I call that widget my WelWhatDisHelpAbout Widget (Welcome, What's New, Disclaimer, Help, About - the Notice tab came after I had already named the widget). It relies on a headless widget to start it, and Anvil is a very small example of the headless widget I use called Acme.

I just haven't had time to post a documented version of WelWhatDisHelpAbout, but you are free to dig it out of the Web AppBuilder Application that is posted above. I haven't started working with WAB Version 1.2, so all of my code is still based on WAB 1.1.

Larry

Re: Larrys Custom WAB Widgets and More

TerryGustafson — Thu, 27 Aug 2015 19:12:40 GMT

Larry,

I really like your help widget and would like to take a look under the hood. Where can I find it?

Re: Larrys Custom WAB Widgets and More

CharlesBailey3 — Thu, 27 Aug 2015 20:18:05 GMT

Larry can you help me with a print plus problem? When I change the URL to our arc server print service the scale goes crazy - maxes out at 1:100 so it won't print anything if it has a base map. Also will not display the layout frame and other problems. The only thing I changed is the service URL. What else do I need to change to get it working right again, or is this possible? Thanks, cob

Re: Larrys Custom WAB Widgets and More

TerryGustafson — Mon, 31 Aug 2015 21:54:24 GMT

Larry,

I was looking at your help widget and in the help tab there are 3 rows that say widget. What file controls the titles in the help tab? TIA

Terry

Re: Larrys Custom WAB Widgets and More

PatKeegan — Fri, 11 Sep 2015 20:06:04 GMT

Larry,

Just tried to download the entire app to see how you overwrite the AGOL popup. Link no longer works. Are you able to post a new ZIP?

Much thanks,

-Pat

Re: Larrys Custom WAB Widgets and More

NathanBrown4 — Mon, 14 Sep 2015 20:01:51 GMT

I am also looking for information on how to overwrite the AGOL popup.

Thanks,
-Nathan

Re: Larrys Custom WAB Widgets and More

RebeccaStrauch__GISP — Mon, 21 Sep 2015 02:45:55 GMT

Pat, I was able to download the .zip today (Sept 20) with the link in his post (https://community.esri.com/external-link.jspa?url=ftp%3A%2F%2Fftp.hamiltoncounty.in.gov%2FGIS%2FAWAB%2F2015-05-05.zip ). Larry or the County may have repaired it (if it was broken...that is, might be just good timing on my part) or you may want to try a different browser. I used Firefox. If you look at his comment in August, he hadn't updated for 1.2 yet.

Re: Larrys Custom WAB Widgets and More

JulieRoberts — Mon, 21 Sep 2015 16:38:09 GMT

Hi Larry! Everyone (including me) seems to love this idea of this WelWhatDisHelpAbout widget! I will keep checking back - thanks for making cool stuff!