So, I built a webapp, and it had plenty of widgets and they all were fine in Firefox and IE 11, until, I added custom icons on my query widgets to help users know which layer they'd be querying. In Firefox, everything still worked perfectly.
in IE 11, the page gives that loading 3-bar pulsing icon, after beginning to load and display the basemap etc. (so not your standard security issue that halts the whole thing at blue background).
So, I dug deeper, and IE gives an exception in BaseLayoutManager, giving me some access denied warning.
Error: Access is denied.
at b.set (https://js.arcgis.com/3.26/init.js:162:47)
at b.set (https://js.arcgis.com/3.26/init.js:161:365)
at b.create (https://js.arcgis.com/3.26/init.js:159:353)
at postCreate (https://mysite.com/myappsfolder/myapp/jimu.js/OnScreenWidgetIcon.js?wab_dv=2.10:32:7)
at create (https://js.arcgis.com/3.26/init.js:356:356)
at postscript (https://js.arcgis.com/3.26/init.js:355:99)
at Anonymous function (https://js.arcgis.com/3.26/init.js:201:127)
at _createOnScreenWidgetIcon (https://mysite.com/myappsfolder/myapp/jimu.js/layoutManagers/BaseLayoutManager.js?wab_dv=2.10:341:7)
at loadOnScreenWidget (https://mysite.com/myappsfolder/myapp/jimu.js/layoutManagers/BaseLayoutManager.js?wab_dv=2.10:199:9)
at Anonymous function (https://mysite.com/myappsfolder/myapp/jimu.js/layoutManagers/BaseLayoutManager.js
So... what was going wrong? Inside the downloaded app folder myapp\config.json file, are the following lines
{
"position": {
"left": 55,
"top": 45,
"relativeTo": "map"
},
"placeholderIndex": 1,
"id": "_5",
"name": "Query",
"version": "2.10",
"closeable": true,
"uri": "widgets/Query/Widget",
"config": "configs/Query/config__5.json",
"label": "SoAndSo Report",
"icon": "configs\\Query\\icon__5.png"
},
where the line pointing the app to the png file I chose uses the wrong slashes.
"icon": "configs\\Query\\icon_5.png"
should be:
"icon": "configs/Query/icon_5.png"
I'm not sure why Firefox is fine with this, but IE is not, but it seems to be true, because after I changed it to use / instead of \\, both IE and Firefox are functional, and my app loads.
Just wanted to share this, and request the dev team check into changing the webappbuilder code to put the file location in with the correct slash in the next WAB build.
Thanks,
-Josh Dalton