Data grid Search button style

1
Hello, I am using data grid for displaying master data on page. I want to change the colour of Search and Reset button which is on Search bar. I want to change this style only for one page not all existing button style. So can you please help me give a colour to buttons which is on Search bar (Search and Reset).   Thanks in advance!
asked
1 answers
4

Hi Kavitha,

Add the below mentioned styles in your css file and add the classname customGrid inside your datagrid property

.mx-datagrid.customGrid {
 }
.customGrid .mx-grid-searchbar .mx-grid-search-controls .mx-grid-search-button {
    color: #FFFF;
    border-color: #ed1c24;
    background-color: #ed1c24;
}

.customGrid .mx-grid-searchbar .mx-grid-search-controls .mx-grid-reset-button {
    color: #FFFF;
    border-color: #ed1c24;
    background-color: #ed1c24;
}

Hope this works for you, Thanks!

answered