Button style toolbar options

Question

Hi,

I am trying to make the Add, Update, Delete, Cancel options on the toolbar look like big colored buttons (some of the people using this are old and can't seem to find them, haha). Is there a way to do that without having to create my own buttons and tie them to the Add/Update/etc actions of the grid?

Shalini Maragathavel · Accepted Answer

Hi Jessica,

Greetings from Syncfusion support.

Based on your query we suspect that you want to apply style to the inbuilt toolbar items in the Grid. To achieve your requirement we suggest you to use custom css as demonstrated in the below code snippet,

Index.cshtml

<style>

.e-grid .e-toolbar-items .e-tbar-btn-text{

font-size:25px;

}

.e-grid .e-toolbar-items .e-tbar-btn {

background-color: cornflowerblue;

}

</style>

For more reference please refer to the below sample link.

Sample link : https://www.syncfusion.com/downloads/support/forum/157859/ze/GridTemplate1184175271.zip

Please get back to us if you need further assistance.

Regards,

Shalini M.

Jessica Goodrich · Answer

Thanks!

Rajapandiyan Settu · Answer

Hi Jessica, 

We are glad that the provided solution resolved your requirement. 

Please get back to us if you need further assistance with us. 

Regards, 
Rajapandiyan S