diff --git a/productMods/css/visualization/entitycomparison/layout-ie.css b/productMods/css/visualization/entitycomparison/layout-ie.css
new file mode 100644
index 00000000..005a9ee2
--- /dev/null
+++ b/productMods/css/visualization/entitycomparison/layout-ie.css
@@ -0,0 +1,3 @@
+.disabled-checkbox-event-receiver {
+ background-color: white;
+}
diff --git a/productMods/js/visualization/entitycomparison/util.js b/productMods/js/visualization/entitycomparison/util.js
index 64a5268e..89fe7788 100644
--- a/productMods/js/visualization/entitycomparison/util.js
+++ b/productMods/js/visualization/entitycomparison/util.js
@@ -904,7 +904,25 @@ function disableUncheckedEntities(){
$(val).prev().show();
});
- //console.log($("input[type=checkbox].if_clicked_on_school:not(:checked)"));
+ /*
+ * This indicates the first time this function is called presumably after the 10th checkbox is selected.
+ * We want to display a warning message only in Internet Explorer because in IE the div that handles
+ * disabled-checkbox-clicks is colored white & we cant see the actual checkbox.
+ *
+ * Note that the usual Error message will still display if the user tries to click on the white box
+ * (or a disabled checkbox in case of non-IE browsers).
+ * */
+
+ if ($("#datatable").data("isEntitySelectionAllowed")) {
+ if ($.browser.msie) {
+ createNotification("warning-notification", { title:'Information',
+ text:'A Maximum of 10 entities can be compared.' },{
+ custom: false,
+ expires: 4000
+ });
+ }
+ }
+
$("#datatable").data("isEntitySelectionAllowed", false);
}
diff --git a/productMods/templates/freemarker/visualization/entitycomparison/entityComparisonStandaloneActivator.ftl b/productMods/templates/freemarker/visualization/entitycomparison/entityComparisonStandaloneActivator.ftl
index e9aab1c6..ecdda81d 100644
--- a/productMods/templates/freemarker/visualization/entitycomparison/entityComparisonStandaloneActivator.ftl
+++ b/productMods/templates/freemarker/visualization/entitycomparison/entityComparisonStandaloneActivator.ftl
@@ -65,13 +65,18 @@
<#assign jqueryNotifyStyle = "${urls.base}/css/jquery_plugins/ui.notify.css" />
<#assign entityComparisonStyle = "${urls.base}/css/visualization/entitycomparison/layout.css" />
+<#assign entityComparisonStyleIEHack = "${urls.base}/css/visualization/entitycomparison/layout-ie.css" />
+
<#assign vizStyle = "${urls.base}/css/visualization/visualization.css" />
+
+
+
<#-- variables passed from server-side code -->
@@ -88,7 +93,7 @@ var subOrganizationTemporalGraphURL = "${subOrganizationTemporalGraphURL}";