Under Review
Last Updated: 03 Jun 2022 07:23 by Tom
Kate
Created on: 10 May 2022 19:59
Type: Bug Report
2
Filter buttons in the grid don't appear on the same side.

A little thing, but users remember position of UI elements more than anything else. The filter buttons on the grid by default are not in the same place though for all filter types.

It would be preferable if the filter buttons were all on the same side, regardless of the filter type (e.g., some types put it on the left, while others put it on the right). Pictures below for context.

 

 

Attached Files:
3 comments
Tom
Posted on: 03 Jun 2022 07:23

I have reported the same a while a go: https://github.com/telerik/kendo-react/issues/1208

Kate
Posted on: 17 May 2022 13:08
Thanks, Konstantin!
ADMIN
Konstantin Dikov
Posted on: 17 May 2022 11:44

Hello Kate,

Thank you for your feedback.

I completely agree that having different position for the same action buttons gives bad UI experience and they should be unified. 

Until a fix is provided, you can use the following workaround:

export const ColumnMenuCheckboxFilter = (props) => {
  return (
    <div className="checkboxfilter-wrapper">
      <GridColumnMenuCheckboxFilter

            <style>
            .checkboxfilter-wrapper .k-filter-menu-container .k-actions{
                flex-direction: row-reverse;
            } 

Here is an example with the above workaround:

 

Best Regards,
Konstantin Dikov
Progress Telerik

Love the Telerik and Kendo UI products and believe more people should try them? Invite a fellow developer to become a Progress customer and each of you can get a $50 Amazon gift voucher.