Delete icon in Datagrid

Hello Radzen team,
what is the best way in Radzen to change the Delete Icon in a Datagrid?

image

i mean remove the red circle and change the color of the trash to red..or blue. Something like this.
Should i achieve this by changing the css?

Kind Regards
Thomas

1 Like

Hi Thomas,

Yes, this can be done by adding the following CSS rules to client\src\styles.css:

.ui-datatable button[icon='ui-icon-trash']{
  background-color: blue;
}

.ui-datatable button[icon='ui-icon-trash'] .ui-button-icon-left{
  color: red;
}
1 Like

Hi Atanas,
thank you for your help!
It works fine as you explained.

I played around with this a little and now i want an icon without a circle around it. So i set hte background color to transparent:
.ui-datatable button[icon='ui-icon-trash']{
background-color: transparent;
}

.ui-datatable button[icon='ui-icon-trash'] .ui-button-icon-left{
color: red;
}

But now i have a shadow areound the trash
image

I really want to understand how i can solve those things on my own... but i cant find a way. Looking at he page in chrome in dev mode i see this:

What is the way to find which css rule is responsible for the shadow?

Sorry for this question but css is relative new to me and im stucked.

Kind Regards
Thomas

Hi Thomas,

You can use the Chrome developer tools to hunt what CSS rule sets the shadow.