IE11 clear field X button
-
- Profound User
- Posts: 52
- Joined: Mon Sep 19, 2011 3:00 pm
- First Name: Bruce
- Last Name: Anthony
- Company Name: The State Bar of California
- Contact:
IE11 clear field X button
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?
-
- Experienced User
- Posts: 2711
- Joined: Wed Aug 01, 2012 8:58 am
- First Name: Scott
- Last Name: Klement
- Company Name: Profound Logic
- City: Milwaukee
- State / Province: Wisconsin
Re: IE11 clear field X button
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:
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.)
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;
}
-
- Profound User
- Posts: 52
- Joined: Mon Sep 19, 2011 3:00 pm
- First Name: Bruce
- Last Name: Anthony
- Company Name: The State Bar of California
- Contact:
Re: IE11 clear field X button
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" />
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" />
-
- Experienced User
- Posts: 2711
- Joined: Wed Aug 01, 2012 8:58 am
- First Name: Scott
- Last Name: Klement
- Company Name: Profound Logic
- City: Milwaukee
- State / Province: Wisconsin
Re: IE11 clear field X button
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.
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.
Who is online
Users browsing this forum: No registered users and 0 guests