Warn users of slow performance/reduced interactivity when viewing data intensive web apps & visualizations in IE 6-11.
npm i ie-gangThe latest web experience toolkit (WET) and/or GCWeb css and js files should be included in your web app folder and your main/index.html like so:
<head>
<link href="./GCWeb/assets/favicon.ico" rel="icon" type="image/x-icon" />
<link rel="stylesheet" href="./GCWeb/css/theme.min.css" />
<noscript
><link rel="stylesheet" href="./GCWeb/wet-boew/css/noscript.min.css"
/></noscript>
</head>
<body>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.2.4/jquery.js"></script>
<script src="./GCWeb/wet-boew/js/wet-boew.min.js"></script>
</body>ie-gang will look for a div with an id="ie-warning". The GoC styled warning message will appear in this div.
<body>
<div id="ie-warning"></div>
</body>The ieWarn function will likely be imported and called somewhere in your index.js file like so:
import justWhy from "ie-gang";
let warningParams = {
message:
"We noticed you are using Internet Explorer. Please consider using a different browser for a better experience on this page.",
type: "alert",
title: false,
};
justWhy.ieWarn(warningParams);
import justWhy from "ie-gang";
let warningParams = {
message:
"We noticed you are using Internet Explorer. Please consider using a different browser for a better experience on this page.",
type: "alert",
title: "Old Browser Warning",
};
justWhy.ieWarn(warningParams);
import justWhy from "ie-gang";
let warningParams = {
message:
"We noticed you are using Internet Explorer. Please consider using a different browser for a better experience on this page.",
type: "panel",
title: "Old Browser Warning",
};
justWhy.ieWarn(warningParams);
set applyIE=True to tell ie-gang to display the warning message, even when not using IE. This is useful for development.
import justWhy from "ie-gang";
let warningParams = {
message:
"We noticed you are using Internet Explorer. Please consider using a different browser for a better experience on this page.",
type: "alert",
title: false,
applyIE: true,
};
justWhy.ieWarn(warningParams);