topic Re: WAB widget icons don't appear when I download the app on to the server. The icons appear just fine in the WAB. Please let me know if you have expe in ArcGIS Web AppBuilder Questions

WAB widget icons don't appear when I download the app on to the server. The icons appear just fine in the WAB. Please let me know if you have experienced this issue and if there is a solution!

NoraKennedy — Wed, 23 Oct 2019 16:23:35 GMT

The png icons do not appear when I access the URL after downloading the app on to the server.

Re: WAB widget icons don't appear when I download the app on to the server. The icons appear just fine in the WAB. Please let me know if you have experienced this issue and if there is a solution!

RobertScheitlin__GISP — Wed, 23 Oct 2019 16:31:35 GMT

Nora,

What errors do you see in the browsers web console?

Re: WAB widget icons don't appear when I download the app on to the server. The icons appear just fine in the WAB. Please let me know if you have experienced this issue and if there is a solution!

NoraKennedy — Wed, 23 Oct 2019 16:37:20 GMT

HTTP404: NOT FOUND - The server has not found anything matching the requested URI (Uniform Resource Identifier). GET - https://arbgisapps.ad.arb.ca.gov/ISD/nora/Arbocissuancemap/jimu.js/css/fonts/avenir-next/bb590848-4012-46d6-a8d5-48c9893a176b.woff2
HTTP404: NOT FOUND - The server has not found anything matching the requested URI (Uniform Resource Identifier). GET - https://arbgisapps.ad.arb.ca.gov/webappbuilder/apps/3/widgets/About/images/icon.png?wab_dv=2.13
HTTP404: NOT FOUND - The server has not found anything matching the requested URI (Uniform Resource Identifier). GET - https://arbgisapps.ad.arb.ca.gov/webappbuilder/apps/3/widgets/Share/images/icon.png?wab_dv=2.13
HTTP404: NOT FOUND - The server has not found anything matching the requested URI (Uniform Resource Identifier). GET - https://arbgisapps.ad.arb.ca.gov/webappbuilder/apps/3/widgets/InfoSummary/images/icon.png?wab_dv=2.13
HTTP404: NOT FOUND - The server has not found anything matching the requested URI (Uniform Resource Identifier). GET - https://arbgisapps.ad.arb.ca.gov/ISD/nora/Arbocissuancemap/jimu.js/css/fonts/avenir-next/7195d5d0-582f-42d4-86ca-9da8dc31146e.woff2
HTTP404: NOT FOUND - The server has not found anything matching the requested URI (Uniform Resource Identifier). GET - https://arbgisapps.ad.arb.ca.gov/webappbuilder/apps/3/widgets/Legend/images/icon.png?wab_dv=2.13
HTTP404: NOT FOUND - The server has not found anything matching the requested URI (Uniform Resource Identifier). GET - https://arbgisapps.ad.arb.ca.gov/webappbuilder/apps/3/widgets/LayerList/images/icon.png?wab_dv=2.13
HTTP404: NOT FOUND - The server has not found anything matching the requested URI (Uniform Resource Identifier). GET - https://arbgisapps.ad.arb.ca.gov/webappbuilder/apps/3/widgets/BasemapGallery/images/icon.png?wab_dv=2.13
HTTP404: NOT FOUND - The server has not found anything matching the requested URI (Uniform Resource Identifier). GET - https://arbgisapps.ad.arb.ca.gov/webappbuilder/apps/3/widgets/Measurement/images/icon.png?wab_dv=2.13
HTTP404: NOT FOUND - The server has not found anything matching the requested URI (Uniform Resource Identifier). GET - https://arbgisapps.ad.arb.ca.gov/webappbuilder/apps/3/widgets/GroupFilter/images/icon.png?wab_dv=2.13

Above are the error messages. When I look in the folders there are the correct png images.

Re: WAB widget icons don't appear when I download the app on to the server. The icons appear just fine in the WAB. Please let me know if you have experienced this issue and if there is a solution!

RobertScheitlin__GISP — Wed, 23 Oct 2019 17:22:54 GMT

Nora,

The fact that the app is looking for pngs in this folder (http s://arbgisapps.ad.arb.ca.gov/webappbuilder/apps/3/widgets/About/images/icon.png) tells me that something went wrong with the download of the app from WAB and subsequent publishing of the app to your web server. The apps/3 is only a folder that would be available in WAB Dev machine and should not be referenced on the web server. Did you download the app from WAB Dev and then extracted the zipped app to your web server?

Deploy your app—Web AppBuilder for ArcGIS (Developer Edition) | ArcGIS for Developers

The other errors about woff and woff2 are due to you not having those MIME types registered with your web server.

Re: WAB widget icons don't appear when I download the app on to the server. The icons appear just fine in the WAB. Please let me know if you have experienced this issue and if there is a solution!

NoraKennedy — Wed, 23 Oct 2019 17:25:14 GMT

Yes, I downloaded the app and the extracted the folder.

Re: WAB widget icons don't appear when I download the app on to the server. The icons appear just fine in the WAB. Please let me know if you have experienced this issue and if there is a solution!

RobertScheitlin__GISP — Wed, 23 Oct 2019 18:01:38 GMT

Something went wrong then... Try again.

Re: WAB widget icons don't appear when I download the app on to the server. The icons appear just fine in the WAB. Please let me know if you have expe

KarinaLivingston — Fri, 18 Dec 2020 17:59:49 GMT

I'm experiencing the same issue and have tried redownloading it. @RobertScheitlin__GISP or @NoraKennedy did you ever find a solution?

Re: WAB widget icons don't appear when I download the app on to the server. The icons appear just fine in the WAB. Please let me know if you have expe

RobertScheitlin__GISP — Fri, 18 Dec 2020 18:19:06 GMT

Karina,

Sorry I have never had this issue myself. You may want to contact esri tech support.

Re: WAB widget icons don't appear when I download the app on to the server. The icons appear just fine in the WAB. Please let me know if you have expe

KarinaLivingston — Fri, 18 Dec 2020 18:43:18 GMT

@RobertScheitlin__GISP I will reach out to them. Thanks for your prompt reply!

Re: WAB widget icons don't appear when I download the app on to the server. The icons appear just fine in the WAB. Please let me know if you have expe

ForamDoshi — Wed, 18 Aug 2021 19:51:33 GMT

I am having similar issue of widget icon not showing in webappviewer. I am getting following error in inspect window:

https://[mymachinename]/webappviewer/widgets/MyFirstWidget/images/icon.png?wab_dv=2.21 404 (Not Found)

I was able to see my icon when I copy pasted my icon image in Image folder of my widget. But after I tried to edit/save the image, I don't see it anymore. I am trying to fix the path of the image but cannot figure out how to do it. Anyone knows how to fix this?

Re: WAB widget icons don't appear when I download the app on to the server. The icons appear just fine in the WAB. Please let me know if you have expe

ForamDoshi — Wed, 18 Aug 2021 20:16:24 GMT

So, I was able to fix the problem and it was very simple and silly issue. The image I copy pasted was .jpg file and webappviewer was looking for 'icon.png'. I just had to change the image type 🙂

Re: WAB widget icons don't appear when I download the app on to the server. The icons appear just fine in the WAB. Please let me know if you have expe

Brian_Wilson — Wed, 22 Jun 2022 18:11:13 GMT

We're seeing this now with WABDE version 2.24. It inserts an icon line for each widget that references the dev environment. (has webappbuilder/apps/17 in the icon entries)

To my knowledge it's never happened before to us. The previous config.json files did not have the "icon" set on the widgets and now they do, with the wrong URL in them.

I am pretty sure I could go through the config and remove each and every "icon" line from each widget to make it work but what a pain that would be.

I am wondering if there is a setting now that I need to adjust to stop it from adding the optional icon line to the config.json file.

Referring to the "config-readme.txt" file, it says

//Optional. If not set, use the icon in widget folder.
"icon": "",

Re: WAB widget icons don't appear when I download the app on to the server. The icons appear just fine in the WAB. Please let me know if you have expe

RobertScheitlin__GISP — Wed, 22 Jun 2022 18:55:03 GMT

@Brian_Wilson

delete the whole "icon": "", don't just set it to an empty string.

Re: WAB widget icons don't appear when I download the app on to the server. The icons appear just fine in the WAB. Please let me know if you have expe

Brian_Wilson — Wed, 22 Jun 2022 18:58:27 GMT

Thanks, I understand that, but why is wabde adding "icon" entries now? Is this a setting that changed?

I want my non-JSON literate co-workers to continue updating apps without having to edit the config.json manually for them on each deployment.

Re: WAB widget icons don't appear when I download the app on to the server. The icons appear just fine in the WAB. Please let me know if you have expe

RobertScheitlin__GISP — Wed, 22 Jun 2022 19:18:45 GMT

Yep this is something new'ish. There is no way to disable it that I am aware of.

Re: WAB widget icons don't appear when I download the app on to the server. The icons appear just fine in the WAB. Please let me know if you have expe

Brian_Wilson — Wed, 22 Jun 2022 20:50:28 GMT

You're only saying that because you're not an Esri employee.

I am going to open a support ticket on it. Seems like a pretty serious bug to me. Thanks again.

For anyone else who hits this bug, I went ahead and deleted every "icon": line from the deployed config.json to test it and it did indeed fix it.

It would probably be possible to construct a rewrite rule in IIS to catch it and return the correct URL but that too would be a pain.

Re: WAB widget icons don't appear when I download the app on to the server. The icons appear just fine in the WAB. Please let me know if you have expe

Brian_Wilson — Fri, 24 Jun 2022 15:26:43 GMT

I have a call in now to Esri but there was no immediate solution. (I gave them a link to this posting too.)

We're not planning on keeping WAB around forever so I don't really want to troubleshoot this. I was briefly tempted to dig into the javascript that creates the problem but then I'd just be working for Esri for free.

We don't publish from WABDE every day. So I built a workaround for it. I will give my team a script similar to this, which can be run after deployment. This version strips out the stupid "icon" lines and spits the repaired JSON code out to STDOUT (eg prints it). If anyone else hits this bug maybe this will help you too. I haven't decided what the final version will look like but this does the job for now. I will probably add code to make it into a filter (make a backup file and overwrite the config.json file) and stick it in a Python toolbox.

""" Read a config.json file and remove the weird references to icon.png files. Give me a filename and I will repair the file and spit the new data out to STDOUT. Give me nothing and I will run a unit test """ import sys import re def do_work(data): previous_line = None re_search = re.compile(r'"icon":\s+\"/webappbuilder') for line in data: line = line.rstrip() # Remove newline if previous_line: if re_search.search(line): # drop this line and remove the comma from the previous line if previous_line.endswith(','): previous_line = previous_line[:-1] line = None # this line will be dropped print(previous_line) previous_line = line if previous_line: print(previous_line) if __name__ == "__main__": # unit test test_data = [ "1 remove comma from this line,", '2 "icon": "/webappbuilder this line should get dropped', "3 some text,", '4 "icon": "webappbuilder this line should not match so it should be in output', "5 last line" ] try: config = sys.argv[1] with open(config, "r") as fp: config_data = fp.readlines() do_work(config_data) except: print("Running tests") do_work(test_data)

Now on to more interesting problems... Cheers.