This is a migrated thread and some comments may be shown as answers.

Make Grid filter buttons consistent with other frameworks

2 Answers 93 Views
Grid
This is a migrated thread and some comments may be shown as answers.
Aleksandr
Top achievements
Rank 1
Bronze
Bronze
Veteran
Aleksandr asked on 16 Dec 2020, 07:31 PM

Blazor (attachment 1.jpg)

 

jQuery (attachment 2.jpg)

 

i would appreciate for workaround 

 

 

2 Answers, 1 is accepted

Sort by
0
Accepted
Aleksandr
Top achievements
Rank 1
Bronze
Bronze
Veteran
answered on 16 Dec 2020, 08:06 PM

workaround 

 

.k-grid-filter-popup .k-columnmenu-actions {
    flex-direction: row-reverse;
}

.k-grid-filter-popup .k-columnmenu-actions .k-button + .k-button {
    margin-left: 0;
    margin-right: 0.5rem;
}

0
Marin Bratanov
Telerik team
answered on 17 Dec 2020, 10:18 AM

Hi Aleksandr,

Our current design (that we also share with our Angular and React suites) is to have the Filter button on the right. If you do want to change that, using a few lines of CSS like you found is a valid option, so I am marking this as an answer to the thread for anyone else looking for that.

 

Regards,
Marin Bratanov
Progress Telerik

Virtual Classroom, the free self-paced technical training that gets you up to speed with Telerik and Kendo UI products quickly just got a fresh new look + new and improved content including a brand new Blazor course! Check it out at https://learn.telerik.com/.

Tags
Grid
Asked by
Aleksandr
Top achievements
Rank 1
Bronze
Bronze
Veteran
Answers by
Aleksandr
Top achievements
Rank 1
Bronze
Bronze
Veteran
Marin Bratanov
Telerik team
Share this question
or