IE10's “clear field” X button support? in UI for ASP.NET AJAX General Discussions

Ralf

86 posts

Member since:
Jun 2012

Posted 04 Mar 2014 Link to this post

Hi,

if I have designed a search page using Telerik controls and show this page using IE10/11 each input field (TextBox, ComboBox) has a clear (X) button inside. When I 've entered some text and click onto "Search" the page postback and my code behnd is working. After the postback was finished, the value I have entered will be shown in my search field. When I click the IE10 clear (X) button, the search field will be cleared. But when I click "Search" again, after the postback the value will be shown. Why? Does Telerik controls not support the IE clear button?
And if not, how to hide this button.

::-ms-clear { display: none; } is not working if document mode was fixed to IE8 for specific reason.

Any help?

Regards,
Ralf

Boyan Dimitrov

Admin

2062 posts

Posted 07 Mar 2014 Link to this post

Hello Ralf,

Thank you for contacting Telerik Support.

I would like to clarify that showing this "clear field" for input elements is browser behavior. I would like to confirm that the only workaround is to use the following styles

.rcbInput::-ms-clear {

display: none;

}

Since this is not supported style selector for I9 or older this workaround will not hide the "clear field" on IE8. It is not a DOM element that could be hidden or manipulated.

Regards,
Boyan Dimitrov
Telerik

DevCraft Q1'14 is here! Watch the online conference to see how this release solves your top-5 .NET challenges. Watch on demand now.

Ralf

86 posts

Member since:
Jun 2012

Posted 10 Mar 2014 in reply to Boyan Dimitrov Link to this post

Hello Boyan,

thak you for Information.

Does Telerik controls support this button in the near future?

regards,
Ralf

Boyan Dimitrov

Admin

2062 posts

Posted 12 Mar 2014 Link to this post

Hello Ralf,

Thank you for your reply.

I would like to clarify a very important thing about this "clear field" button. As I mentioned in my last response due to this element specifics ( it is not a real DOM element) we can not subscribe for an event and execute some custom logic. So in this case hiding this button with css is the only solution for this case.

Regards,
Boyan Dimitrov
Telerik

DevCraft Q1'14 is here! Watch the online conference to see how this release solves your top-5 .NET challenges. Watch on demand now.

Ralf

86 posts

Member since:
Jun 2012

Posted 12 Mar 2014 in reply to Boyan Dimitrov Link to this post

Hello Boyan,

thank you for Information.

Best regards,
Ralf

Corey

1 posts

Member since:
Jun 2015

Posted 10 May 2016 Link to this post

This did not work for me with RadNumericTextBox and RadDatePicker. I had to use the following, which worked:

<code>

input[type=text]::-ms-clear{
display: none;
}

</code>

Kiran

55 posts

Member since:
Oct 2018

Posted 14 Feb 2019 Link to this post

Hi,

May I know how to achieve getting the 'x' in all my Telerik user typeable fields. I get these by default in IE but not in Google Chrome. I set my rcb to mark first match = true.

Thank you.

Peter Milchev

Admin

781 posts

Posted 19 Feb 2019 Link to this post

Hello Kiran,

The clear button is browser specific feature and is enabled by default in Internet Explorer for all <input /> elements. The input controls in the UI for ASP.NET AJAX suite that has such a button implemented for all browsers are the DropDownTree and MultiColumnComboBox.

Regards,
Peter Milchev
Progress Telerik

Get quickly onboarded and successful with your Telerik and/or Kendo UI products with the Virtual Classroom free technical training, available to all active customers. Learn More.