You've implemented the InGo widgets. Everything seems to be working fine. You're getting widget events in the dashboard and you can see that attendees are being added to your event and showing up in the Amplifier Widget's "Who's In" tab. Hooray!!
Except when you go to test in IE, the InGo widgets no longer display. What happened?
The #1 issue that causes this is that your page has caused IE to render in "Quirks" mode. You can read more about quirks mode and how different browsers determine whether to use quirks mode here: https://en.wikipedia.org/wiki/Quirks_mode
Get your widgets back by following this guide:
Fixing Quirks Mode:
First, in IE, verify that this is the problem and that taking the document out of quirks mode will fix the problem. Open your "F12 Developer Tools" panel from the tools menu in IE. On the title bar of the Developer Tools panel, you should see "Document Mode: Quirks" if the document is being rendered in quirks mode. To test that taking the document out of quirks mode will fix the problem, click "Document Mode: Quirks" and using the drop down, change the mode to "Internet Explorer ... Standards." If your widgets now display properly once the page reloads, your problem is Quirks Mode. Follow these steps to remedy:
1) Make sure you have the tag <!doctype html> in your HTML document. Make sure that the tag is that simple. Anything with additional attributes could cause IE to render your page in Quirks Mode.
2) Make sure there is NO content in your HTML above the <!doctype html> tag. In some cases server-side rendering of dynamic content may unintentionally cause IE to render in Quirks Mode by generating the dynamic content in such a way that the <!doctype html> tag is not the first element on the page (even comments can cause problems). If possible rearrange the order of the generated content so that the <!doctype html> tag is always at the very top of the HTML document.
3) You can try to force IE to render your page in standards mode rather than quirks mode by adding a meta tag like this:
...
<head>
<meta http-equiv="x-ua-compatible" content="IE=Edge"/>
...
The meta tag above must be the FIRST element after the head tag. Also, this doesn't always work.
4) Lastly, if your page is XHTML, make sure that the Content-Type header is set to "application/xhtml+xml"
Other Problems:
There could be other reasons that the widgets are not displaying properly. Typically these will involve some error that will likely display in the console. Check the console and make sure that no javascript or network errors are being reported by Internet Explorer. If needed, contact InGo support.
Hope this article helps. Happy Social Marketing!
Comments
1 comment
Actually we already do not support IE9
Please sign in to leave a comment.