Larrys Custom WAB Widgets and More

26028
29
04-06-2015 02:06 PM
Highlighted
Occasional Contributor III

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

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

Changes and Bug Fixes, May 3, 2015

  1. Changed config property from "public" to "isPublic" ("public" is a reserved word).
  2. Changed the Scale to display above the Scalebar Widget.
  3. Added configurable link to the HeaderController Widget icon and title.
  4. Fixed a bug that caused a console error when a Feature Layer Custom Popup doesn't have tabs.
  5. Fixed a bug that caused an error on startup on occasion.
  6. 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:

  1. 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)
  2. Several other widgets need to be enhanced (in my opinion):
  3. Write some new widgets:
    1. Pictometry Widget
    2. ???
29 Replies
Highlighted
MVP Esteemed Contributor

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:

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

Highlighted
Occasional Contributor III

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

Larry

Reply
0 Kudos
Highlighted
MVP Esteemed Contributor

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

Highlighted
New Contributor III

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

Reply
0 Kudos
Highlighted
Occasional Contributor III

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

Reply
0 Kudos
Highlighted
New Contributor III

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

Reply
0 Kudos
Highlighted
New Contributor II

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.

Reply
0 Kudos
Highlighted
Occasional Contributor III

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

Highlighted
Occasional Contributor

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

Reply
0 Kudos