Demo Discussion
Forum Config Examples Contributions Vulnerabilities
  Discussion forum about ELOG  Not logged in ELOG logo
icon4.gif   CKEditor won't load under IE Compatibility Mode, posted by Ben Shepherd on Wed Jun 24 15:18:30 2015 
    icon2.gif   Re: CKEditor won't load under IE Compatibility Mode, posted by Stefan Ritt on Thu Jun 25 12:52:06 2015 
       icon2.gif   Re: CKEditor won't load under IE Compatibility Mode, posted by Ben Shepherd on Thu Jun 25 15:16:51 2015 01-logbook-sel-page-no-viewport.png02-list-page-no-viewport.png03-list-page-viewport.png04-list-page-viewport-css.png
          icon2.gif   Re: CKEditor won't load under IE Compatibility Mode, posted by David Pilgram on Thu Jun 25 16:20:09 2015 tabstyle.cssheader.html
This is a draft message, edit and submit it to make it permanent  
Message ID: 68034     Entry time: Thu Jun 25 14:55:16 2015     In reply to: 68033
Icon: Reply  Author: Ben Shepherd  Author Email: ben.shepherd@stfc.ac.uk 
Category: Bug report  OS: Linux  ELOG Version: 3.1.0-2411f95 
Subject: Re: CKEditor won't load under IE Compatibility Mode 

The viewport thing and the IE7 mode thing are separate issues.

OK, maybe it's a CKEditor thing then. I thought it might be. It seems pretty stupid that the default setting in IE is to emulate an older browser - although I guess a lot of people have very outdated intranet sites. Anyway, we have a fix here so I don't think you need to do anything. Just thought you might want to know.

The viewport tag issue - see attachments. The first two are the log selection page and the list page, both without the viewport tag. Obviously you can zoom in, but this is how they appear by default, as (apparently) Chrome tries to render the whole page width. The third one is how the list page appears when the viewport tag is added, and the fourth is with my custom CSS to put the columns on separate lines. It's probably very bad CSS, so I'm certain that it's not robust or cross-platform, but it works for me :)

/* make things look a bit nicer on smaller screens */
@media (max-width: 700px) {
	table.listframe td, table.listframe th {
		display: none;
	}

	/* show id, date, personnel, summary in separate lines */
	table.listframe td:nth-of-type(-n+2), table.listframe td:nth-of-type(4), table.listframe td:nth-last-of-type(2) {
		display: block;
		border: 0px;
	}
}
Stefan Ritt wrote:

I don't get your point. If you add the meta tag wiht the viewport, then the IE7 mode will load the CKEditor? The CKEditor home page says that IE7 is not supported any more, so I wonder if this simple tag might help. Can you turn off the compatibility mode on a per-URL basis?

If I try on my smatphone, the display is correct, so why you need the viewport tag? Can you shouw me examples?

If you have nice CSS features which are helpful for everybody, please send them to me and I can include it in the distribution, but only after you convince me that it works (almost) everywhere.

Best,
Stefan

Ben Shepherd wrote:

I just upgraded to 3.1.0 after many years using 2.9.2. Our eLogs are absolutely crucial for the operation of our accelerators, so first of all I'd like to say: thanks a lot for everything you've done! It's a rock-solid application that works really well.

The issue I'm having is a minor one. Some of our users are using Internet Explorer 11, which has a Compatibility Mode option that is enabled by default for intranet sites (of which our eLog is one). This mode emulates IE7, and this causes the CKEditor rich text box to fail to load. I can tell our users to disable the CM setting on their browsers, but it may be that a simple server-side fix is possible as well.

It would be nice if the eLog pages could have a <meta name="viewport" content="width=device-width, initial-scale=1.0"> tag, so that it displays nicely on smaller screens. I've been adding this myself in some Javascript code (see elogHelper.js on the above-linked website), but it doesn't appear on every page (the logbook selection page, for instance). I also made some modifications to the CSS so that the list display collapses down when the browser window is very narrow.

The new autosave functionality is really good. I hacked something together to do this for our log a while ago, but it's nice that it's inbuilt now.

Thanks again!

Ben

 

 

 

Attachment 1: 01-logbook-sel-page-no-viewport.png  53 kB  Uploaded Thu Jun 25 16:14:07 2015  | Hide | Hide all
01-logbook-sel-page-no-viewport.png
Attachment 2: 02-list-page-no-viewport.png  218 kB  Uploaded Thu Jun 25 16:15:53 2015  | Hide | Hide all
02-list-page-no-viewport.png
ELOG V3.1.5-fe60aaf