Remove Second Clear Button in Kendo-grid Row Filter

5 posts, 1 answers
  1. Chris
    Chris avatar
    9 posts
    Member since:
    Feb 2015

    Posted 08 May 2017 Link to this post

    Starting with Kendo-UI 2017, I've noticed that the row filter now shows two "x" buttons to clear the filter (one inside the text box and one to the right of the text box). Why are there two rather than only one like in the older versions? Also, is there a setting to remove the clear button from inside the text box without resorting to using CSS?

    http://dojo.telerik.com/AkApE

    Just to be clear, I'm not referring to the "x" that IE puts into text boxes.

     

     

  2. Answer
    Viktor Tachev
    Admin
    Viktor Tachev avatar
    2478 posts

    Posted 10 May 2017 Link to this post

    Hi Chris,

    The example you are referring to is using AutoComplete widgets for filtering. If you need to remove the clear buttons from the widgets without CSS you can use JavaScript. You should handle the dataBound event of Grid and get reference of the span element that is used to show the close button. Then you can remove the span.

    The updated dojo below outlines the approach.



    Regards,
    Viktor Tachev
    Telerik by Progress
    Try our brand new, jQuery-free Angular 2 components built from ground-up which deliver the business app essential building blocks - a grid component, data visualization (charts) and form elements.
  3. Chris
    Chris avatar
    9 posts
    Member since:
    Feb 2015

    Posted 10 May 2017 Link to this post

    Thanks, that did the trick!

    It's confusing having two of the exact same buttons next to each other, both doing a slightly different thing.  It would be great if Telerik added an option in the API to remove either one of the two buttons.

  4. Viktor Tachev
    Admin
    Viktor Tachev avatar
    2478 posts

    Posted 12 May 2017 Link to this post

    Hi Chris,

    I am glad that the suggested approach is working for you. 

    If you would like the behavior you describe available out of the box you can submit a feature request in our UserVoice portal. Based  on the traction the request gets with the community the developers can consider implementing it in a future version.



    Regards,
    Viktor Tachev
    Telerik by Progress
    Try our brand new, jQuery-free Angular 2 components built from ground-up which deliver the business app essential building blocks - a grid component, data visualization (charts) and form elements.
  5. Chris
    Chris avatar
    9 posts
    Member since:
    Feb 2015

    Posted 16 May 2017 Link to this post

    If you would like the behavior you describe available out of the box you can submit a feature request in our UserVoice portal. Based  on the traction the request gets with the community the developers can consider implementing it in a future version.

    Way ahead of you:

    http://kendoui-feedback.telerik.com/forums/127393-kendo-ui-feedback/suggestions/19230133-option-to-remove-the-second-clear-button-in-kendo

     

Back to Top