Reverse Ok & Cancel Buttons

[Maxime PONTREAU]

Hello,

We are working with syncfusion grid and in our website, the "ok" button is always place on the right side of the "cancel" button.

In syncfusion components, like Column Filter, Dialog, Column Chooser, Edit Dialog, Confirm Delete etc... "ok" button is always place on the left side of the "cancel" button.

Is there a simple way to reverse these buttons ?

For example in our Grid, we reversed manually these buttons for Edit Dialog and a custom Confirm Delete but we do not find a way for Column Chooser and Column Filter.

A simple boolean would be nice.

Thank you.

[Rajapandiyan Settu]

Hi Maxime, 

 

Greetings from Syncfusion support. 

 

Query: We are working with syncfusion grid and in our website, the "ok" button is always place on the right side of the "cancel" button. 

 

We have analyzed your query. You can achieve your requirement by using below CSS classes. 

 

.e-grid .e-footer-content button.e-control.e-btn.e-lib.e-primary.e-flat { 

  float: right; 

} 

.e-dialog.e-edit-dialog button.e-control.e-btn.e-lib.e-primary.e-flat { 

  float: right; 

} 

 

Screenshot #1: ok button in columnchooser 

 

 

Screenshot #2: ok button in Excel-filter dialog 

 

 

Screenshot #3: ok button in delete confirmation dialog 

 

 

Sample: https://stackblitz.com/edit/angular-wfoqvh-z4y2du?file=app.component.ts  

 

Please get back to us if you need further assistance with this. 

 

Regards, 

Rajapandiyan S

[Maxime PONTREAU]

Hello,

It does the job !

Thank you !

[Rajapandiyan Settu]

Hi Maxime, 

 

We are glad that the provided solution resolved your requirement. 

 

Regards, 

Rajapandiyan S