nav[aria-label="Primary Navigation"] { padding: 0; & ul { list-style: none; width: 100%; display: flex; flex-direction: row; justify-content: start; align-items: start; gap: 30px; padding: 0; & li { margin: 0; } & ul li { list-style: none; } } }

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

ipeebles

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)

Icons all present in Chrome and Firefox

In I.E. 11 on Windows 8.1

Icons missing after measuring widget in I.E. 11

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

Thank you!

Find more posts tagged with

Accepted answers

RobertScheitlin__GISP

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.

All comments

RichBell

Fixed.

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

Thank You again

RobertScheitlin__GISP

Glad to help.

ESRIideaExportPageNames2.png

ipeebles

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).

RobertScheitlin__GISP

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",

RichBell

Neat...but where do we change this?

What is the image element they speak of?

RobertScheitlin__GISP

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.

Join the Conversation

Signed in members can post, follow updates, and more. New here? Register a free account.

Quick Links

Community Help
Find useful guides, FAQs, and documents to help you navigate and make the most of Esri Community.