kendo-react icon indicating copy to clipboard operation
kendo-react copied to clipboard

Is it possible to change the "Clear" and "Filter" buttons?

Open Xizario opened this issue 3 years ago • 1 comments

Is it possible to change the "Clear" and "Filter" buttons? I want to render my own buttons with icons. I couldn't find anything about it or do I need to make a completely new filter? (preferable don't want to do that)

For some reason the checkbox filter and the normal filter have different way of button presentation.

image

image

Originally posted by @Tommuh in https://github.com/telerik/kendo-react/issues/28#issuecomment-1025004461

Xizario avatar Feb 01 '22 11:02 Xizario

A temporary workaround: https://stackblitz.com/edit/react-rhm6ae?file=app%2FcolumnMenu.jsx,index.html

export const ColumnMenuCheckboxFilter = (props) => {
  return (
    <div className="checkboxfilter-wrapper">
      <GridColumnMenuCheckboxFilter
<style>
      .checkboxfilter-wrapper .k-filter-menu-container .k-actions{
          flex-direction: row-reverse;
} 

kdikov82 avatar Jun 03 '22 08:06 kdikov82

Fixed in v5.11.0.

nstoychev avatar Feb 03 '23 15:02 nstoychev