Menu
I have a very simple XPage with a table and some input fields. The application uses the bootstrapv3.0.0 theme and the OpenNtf bootstrap4Xpages plugin released on 2014-01-28. I think I'm using correct markup according to bootstrap-3 documentation. The page renders just fine in Chrome, but it's a mess in IE 11. In IE the table seems to get cut at a fixed width of approx. 100px and the characteristic blue border on selected “bootstrapped” input fields does not show up as it should Buttons styled with btn-warning display as expected, also in IE. This tells me that at least some of the styles is applied correctly in IE as well Anyone else who have run into this problem? Any tips on a possible solution (dropping support for IE is not an option)?
671
Restart Internet Explorer 11 and open the site you're testing, then go to Emulation tab in the F12 Developer Tools and select Enterprise from the Browser profile dropdown. If the site works, inform the IT administrator that the site needs to be added to the IE8 Enterprise Mode section.
Select Edge (Default) from the Document mode drop down. Select Default from the User agent string drop down. In the upper left corner, click the Persist Emulation Settings icon to save your selections. A message, Persist Emulation settings enabled, is displayed when you hover over the Persist Emulation Settings button.
Are you running IE11 in compatibility mode? Try turning off compatibility mode and see if the site loads.
By default intranet sites load in compatibility mode, which I think really means your web site is going to look awful if it was made in the last 15 years mode.
Per Henrik Lausten has an xSnippet that can display a warning to your users if they are running like so. http://openntf.org/XSnippets.nsf/snippet.xsp?id=display-warning-message-if-internet-explorer-uses-compatibility-view-mode
196
Add x-ua-compatible header in your html header to disable IE so-called compatibility mode:
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="X-UA-Compatible" content="IE=edge">
More info in this question: What does <meta http-equiv="X-UA-Compatible" content="IE=edge"> do?
36
If you love us? You can donate to us via Paypal or buy me a coffee so we can maintain and grow! Thank you!
Donate Us With
