topic Re: eSearch widget in Web AppBuilder Custom Widgets Questions

eSearch widget

ShannonSmith — Thu, 01 Jul 2021 15:38:29 GMT

I have installed the custom WAB widget into the proper places and it does not show up in the widget areas. What am I doing wrong? Any help is appreciated.

Re: eSearch widget

BlakeTerhune — Thu, 01 Jul 2021 16:40:50 GMT

Did you restart Web AppBuilder after you copied the files into ..\client\stemapp\widgets

Re: eSearch widget

ShannonSmith — Thu, 01 Jul 2021 16:43:33 GMT

Yes, and I restarted my machine as well.

Re: eSearch widget

RobertScheitlin__GISP — Wed, 07 Jul 2021 12:08:55 GMT

@ShannonSmith

What version of WAB are you using and what version of the eSearch did you grab?

Re: eSearch widget

GregHorne — Fri, 09 Jul 2021 12:13:55 GMT

Not sure if this is the same issue as @ShannonSmith Also, thanks for the tool, very nice and we have used it before.

arcgis-web-appbuilder-2.20

eSearch v2.17

1. Unzip WAB,unzip eSearch, copy eSearch folder to ArcGISWebAppBuilder\client\stemapp\widgets

2. start WAB, open browser, answer Portal and App ID questions, portal login, onto WAB homepage

3. create a new Default 2D Project named 'eSearchTest'

4. Click Widget Tab, click an open Widget holder, choose 'Enhanced Search', click OK, Configure Enhanced Search windows opens:

5. Don't make any changes, click OK. Click Save.

6. Shutdown WAB and browser, start WAB back up and open browser to WAB homepage, open/edit eSearchTest, click on eSearch icon.

7. Error

8. I have started over several times by deleting the WAB folder off of my computer and have reproduced this error every time.

Additional items but not sure if this is part of the problem:

When first landing on the initial WAB homepage:

Upon initially opening the eSearch project:

Upon clicking the eSearch widget icon:

Re: eSearch widget

RobertScheitlin__GISP — Fri, 09 Jul 2021 12:59:20 GMT

@GregHorne No your issue is very different. She is saying that the eSearch widget never appears in the choose widget list. You can fix your issue by grabbing the latest 2.17 version I just published 7/9/21.

Re: eSearch widget

GregHorne — Fri, 09 Jul 2021 14:08:07 GMT

Downloaded new eSearch.zip. I tried a couple of times with WAB-2.20 and once with WAB-2.18 by wiping out the entire folder structure and am still getting the same error when I click on the eSearch icon. I can get to the eSearch config screen without issue. Not sure what is going on. Suggestions? Thanks.

Re: eSearch widget

RobertScheitlin__GISP — Fri, 09 Jul 2021 14:33:35 GMT

@GregHorne , If you have the right version then in the Widget.js file of the eSearch widget lines 830 - 832 will look like this:

_removeSelectionGraphics: function () { this.selectionGL && this.selectionGL.clear(); },

Re: eSearch widget

GregHorne — Fri, 09 Jul 2021 18:12:04 GMT

@RobertScheitlin__GISP, confirmed that the Widget.js file matches as you suggested.

Deleted the entire WAB folder several times to double check things but the error persists. I don't know if the Portal version matters but I am at 10.8.1. Cleared browser cache, restarted computer, http://localhost:3344/webappbuilder , tried a CORS extension, ran out of ideas to try.

Any suggestions appreciated.

I'm open to trying a different version of WAB and/or eSearch.

Re: eSearch widget

GregHorne — Fri, 09 Jul 2021 18:43:29 GMT

@RobertScheitlin__GISP Tried it on my Windows 2019 Server. Same error.

Re: eSearch widget

GregHorne — Mon, 12 Jul 2021 13:45:23 GMT

@RobertScheitlin__GISP I must be doing something fundamentally wrong in that I have rolled back to wab.2.16 and eSearch2.12 and am getting the same error. I presume the AppID is correct since I can choose a template and setup an App and run it. I will be retracing my steps...

Re: eSearch widget

RobertScheitlin__GISP — Mon, 12 Jul 2021 15:15:51 GMT

@GregHorne I am not a Portal so I can only advise how things work with WAB Developer. In WAB Dev when you update a widget to a new version you replace overwrite the client/stemapp/widgets/eSearch folder with the new code and this updates all NEW apps produced. To Update an existing apps widgets you have to update the server/Apps/[App#]/widgets/eSearch folder. The fact that you are getting the same error still is telling me that you are not getting the updated code in the app you are testing for some reason.

Re: eSearch widget

GregHorne — Fri, 23 Jul 2021 13:50:20 GMT

@RobertScheitlin__GISPJust to follow up:

Widget.js

_addCustomStyle: function(theme) {
var customStyles = lang.getObject('customStyles', false, theme);
if(!customStyles || !customStyles.mainBackgroundColor || customStyles.mainBackgroundColor === ""){
return;
}
var rgbArray = Color.fromHex(customStyles.mainBackgroundColor).toRgb();

The best I can tell the"var rgbArray =" line appears to be throwing the error so I added a "return;" statement prior to this line and everything started working.