Grid button color

[Amjad Khan]

Dear,

How can I change the foreground and background color of buttons in the grid. Right now it shows a grey background be default for all buttons. How do I change this?

Regards,

Amjad.

[Jeevakanth Palaniappan]

Hi Amjad, 

 

Greetings from Syncfusion support. 

 

To do any customization in grid, then you have to override the corresponding styles. Here we have customized the styles for toolbar buttons by using the below styles. 

 

<style> 

    .e-toolbar-item .e-tbar-btn { 

        background-color: aqua; 

    } 

</style> 

 

Sample -  https://www.syncfusion.com/downloads/support/directtrac/general/ze/ServerApp1780710386  

 

We suggest you to refer the below documentation for customizing styles in the grid.  

  

https://blazor.syncfusion.com/documentation/datagrid/how-to/grid-styling/  

https://blazor.syncfusion.com/documentation/datagrid/how-to/customize-column-styles/  

 

Regards, 

Jeevakanth SP. 

[Amjad Khan]

Right, but for example, the class .e-tbar-btn does not appear in the style guide document link you sent.  

Or am I missing something?

Regards,

Amjad.

[Jeevakanth Palaniappan]

Hi Amjad, 

We have provided the documentation for any further reference on grid styling. In simple, to do any customization, we suggest you to override the corresponding element classes as like we did for the toolbar in the previously provided response. 

Please get back to us if you have any other queries. 

Regards, 

Jeevakanth SP. 

[Amjad Khan]

Ok, just to help others, here is how to change edit and delete button colors in the grid. Let me know if this is mentioned somewhere in the documentation.

<style>

    

    .e-btn.e-flat.e-Editbutton {

        background-color: blue;

    }

    .e-btn.e-flat.e-Deletebutton {

        background-color: red;

    }

</style>

[Jeevakanth Palaniappan]

Hi Amjad, 

 

As of now we don’t have documentation specific to customization on toolbar. We have now logged a documentation task for the same. It will be refreshed in any of the upcoming release. Until then we appreciate your patience. 

 

Regards, 

Jeevakanth SP.