Toolbar backgroun color

[Clovis]

Hi

I have a View with 3 grids and I would like to have each of them with a distinct toolbar backcolor. How can I achieve this ?

Thanks

Clovis

[Ramdhas Ueikattan]

Hi Clovis, 

Thanks for contacting syncfusion supports. 

We have achieved your requirement by using ‘.e-toolbar’ selector class of Grid. Please find the code example 

[style code] 

<style> 

/*to customize toolbar background color for first grid in view*/ 

        #grid .e-toolbar{ 

            background-color:lightgreen; 

        } 

/*to customize toolbar background color for second grid in view*/ 

        #grid1 .e-toolbar{ 

            background-color:lightblue; 

        } 

/*to customize toolbar background color for third grid in view*/ 

        #grid2 .e-toolbar{ 

            background-color:lightgray; 

        } 

</style> 

  

In above code example  we have changed the toolbar background color  in three grids in view. 

UG :  https://help.syncfusion.com/js/grid/style-and-appearance#toolbar-customization 

Regards, 

Ramdhas U. 

[Clovis]

Hi

Perfect, thank you very much.

Clovis

[Venkatesh Ayothi Raman]

Hi Clovis, 

Thanks for the update. 

We are happy to hear that your requirement is achieved. 

Regards, 

Venkatesh Ayothiraman.