topic Re: Web App Builder Developer Edition - Custom Icons Disappearing in Windows I.E. Browser in ArcGIS Web AppBuilder Questions

Web App Builder Developer Edition - Custom Icons Disappearing in Windows I.E. Browser

IanPeebles — Tue, 19 Feb 2019 16:30:08 GMT

Good morning. This issue has to do with Web App Builder Version 2.11 Developer Edition. Has anyone noticed an issue where you add in a custom graphic for a widget by loading it from a location where it is from the network or a local drive that the custom icon causes the tool to disappear from the application when using Windows I.E. 11 on Windows 7 or Windows 8.1?

This was not an issue before Thursday last week. Were there any know updates to Windows I.E. 11 that cause these issues?

In Chrome and FireFox, the icons exist.

Example (Chrome and Firefox)

In I.E. 11 on Windows 8.1

Has anyone experienced this issue or is there a fix for this issue? Looking to have the application compatible in all browsers.

Thank you!

Re: Web App Builder Developer Edition - Custom Icons Disappearing in Windows I.E. Browser

RobertScheitlin__GISP — Tue, 19 Feb 2019 16:35:11 GMT

Ian,

If you maintain windows updates then KB4486474 is the likely culprit :

Symptom	Workaround
After you install this security update, Internet Explorer may not load images that have a backslash (\) in their relative source path.	Change the backslash (\) to a forward slash (/) in the relative path of the image element. Or: Change the relative path to a full URL path. Microsoft is working on a resolution and will provide an update in an upcoming release.

Symptom

Workaround

After you install this security update, Internet Explorer may not load images that have a backslash (\) in their relative source path.

Change the backslash (\) to a forward slash (/) in the relative path of the image element.

Or:

Change the relative path to a full URL path.

Microsoft is working on a resolution and will provide an update in an upcoming release.

Re: Web App Builder Developer Edition - Custom Icons Disappearing in Windows I.E. Browser

RichBell — Tue, 19 Feb 2019 16:48:14 GMT

Neat...but where do we change this?

What is the image element they speak of?

Re: Web App Builder Developer Edition - Custom Icons Disappearing in Windows I.E. Browser

RobertScheitlin__GISP — Tue, 19 Feb 2019 17:02:54 GMT

The path to the image used in the icons are stored in the main config.json file.

Look for entries like this:

"logo": "images\\logo.png",

and this:

"icon": "\\mypath\\icon.png",

Re: Web App Builder Developer Edition - Custom Icons Disappearing in Windows I.E. Browser

IanPeebles — Tue, 19 Feb 2019 19:15:11 GMT

Robert, thank you again for the valuable information. That was the issue for sure. I made some changes in the config.json file and referenced the custom images by changing the \\ to //, then saved the file. I opened the application and it works. No more missing icons.

This caught us by surprise on Friday (February 15, 2019).

Re: Web App Builder Developer Edition - Custom Icons Disappearing in Windows I.E. Browser

RobertScheitlin__GISP — Tue, 19 Feb 2019 19:20:18 GMT

Glad to help.

Re: Web App Builder Developer Edition - Custom Icons Disappearing in Windows I.E. Browser

RichBell — Wed, 20 Feb 2019 13:39:01 GMT

Fixed.

I changed \\ to // in the config file for all icon locations.

Thank You again