Page 1 of 1

IE11 clear field X button

Posted: Thu Oct 23, 2014 1:15 pm
by bruceanthony
For Genie rendering, we are about to move from IE9 to IE11. The X button appearing at the end of field that has focus is a nuisance. Is there a way to tell IE11 to eliminate the use of this button?

Re: IE11 clear field X button

Posted: Thu Oct 23, 2014 2:00 pm
by Scott Klement
Hmmm... Profound UI's default is to disable these 'clear field' buttons. So now I'm wondering why you're seeing them?

Maybe it's something you've customized in your Genie skin?

At any rate, you should be able to disable them in your CSS file. To do that, edit the file YOUR-SKIN-NAME.CSS, this is located in your Genie skin directory, which is found in the IFS under /www/[your instance]/htdocs/profoundui/userdata/genie skins/YOUR-SKIN

Add the following code to the end of the file:

Code: Select all

::-ms-clear {
  width: 0;
  height: 0;
}
::-ms-reveal {
  width: 0;
  height: 0;
}
Save your changes. Then, click the "Refresh" button on the Genie toolbar (or clear your browser's cache and re-start Genie) and the clear buttons should be gone. (As well as the "Reveal password" buttons on password fields -- you didn't ask about this, but we typically disable both.)

Re: IE11 clear field X button

Posted: Thu Oct 23, 2014 2:19 pm
by bruceanthony
Found the answer:

In the start html of the skin being used:

Change

<meta http-equiv="X-UA-Compatible" content="IE=8" />

to

<meta http-equiv="X-UA-Compatible" content="IE=edge" />

Re: IE11 clear field X button

Posted: Thu Oct 23, 2014 2:54 pm
by Scott Klement
Ah, I see... so you were previously (via the tag you showed) telling IE11 to run in IE8 compatibility mode.

It's strange to me that IE11's compatbility mode for IE8 would still show the X in the field but would not understand the CSS classes... but, it's not the first time Microsoft has done something like that where the compatibility mode wasn't quite the same as the original browser.