topic Re: Web AppBuilder Dev Edition 2.1, CSS and IE11 in ArcGIS Web AppBuilder Questions

Web AppBuilder Dev Edition 2.1, CSS and IE11

StephenKing — Fri, 26 Aug 2016 10:25:38 GMT

Hi, I've developed a couple of applications using Web AppBuilder developer edition and they work fine in Chrome and Firefox, but they do not display properly in IE11. I'm using the Plateau Theme.

Specifically I have noted the following:

The custom colour for the header bar is not used (e.g. .jimu-main-background), instead it defaults to rgb 218 , 77, 30 (orange).
In the layers list, the three black dots to the right of the layer name for the sub-menu do not display.
The tab to open and close the Attribute table does not display.

In the Web AppBuilder itself, these display okay - so am I missing something?

Thanks,

Stephen

Re: Web AppBuilder Dev Edition 2.1, CSS and IE11

RobertScheitlin__GISP — Fri, 26 Aug 2016 12:42:11 GMT

Stephen,

I just tested all three in IE and it worked fine. See the attached image:

Re: Web AppBuilder Dev Edition 2.1, CSS and IE11

StephenKing — Fri, 26 Aug 2016 12:59:48 GMT

Hi Robert,

When I'm actually using Web Appbuilder it works fine, but when I deploy the application to the web server, the theme seems to default to Plateau Orange in IE, but picks up the customisations okay in Chrome and Firefox.

I'll grab some screen shots to demonstrate.

Re: Web AppBuilder Dev Edition 2.1, CSS and IE11

StephenKing — Fri, 26 Aug 2016 14:21:50 GMT

Here are the screen grabs. The first one shows my colour customisation working while in Web AppDeveloper - also the sub menu on layers is working. In the second image from the actual application on the web server, the colours change and other interface elements don't work. It seems as though a style sheet isn't being loaded properly. This only happens in IE and not Chrome or Firefox.

Re: Web AppBuilder Dev Edition 2.1, CSS and IE11

RobertScheitlin__GISP — Fri, 26 Aug 2016 14:22:41 GMT

Stephen,

My results are the same even when deployed.

Re: Web AppBuilder Dev Edition 2.1, CSS and IE11

StephenKing — Fri, 26 Aug 2016 14:24:13 GMT

OK, have just noticed that it must be some sort of compatibility problem. I think IE is set to be compatible with IE8.

Re: Web AppBuilder Dev Edition 2.1, CSS and IE11

RobertScheitlin__GISP — Fri, 26 Aug 2016 14:25:49 GMT

That would definitely be the issue.

Re: Web AppBuilder Dev Edition 2.1, CSS and IE11

JayantaPoddar — Fri, 26 Aug 2016 14:29:22 GMT

Do not run the application in compatibility view. It is not supported.

AGOL Supported Browsers

Re: Web AppBuilder Dev Edition 2.1, CSS and IE11

MuneerMajid — Fri, 26 Aug 2016 14:37:36 GMT

When you are deploying the app in IIS, try to add a Response Header Tag on your Website and see if this helps at all -

X-UA-Compatible
IE=EDGE

Re: Web AppBuilder Dev Edition 2.1, CSS and IE11

StephenKing — Fri, 26 Aug 2016 14:38:54 GMT

Unfortunately I think it is a corporate setting that I will need to investigate. Thanks for your help and suggestions.