Add your own ICON to Column setting

Hi there,

If you select a “default” icon, you can then use CSS to inject custom icons. Example:

I used the Excel Worksheet icon as the default for my column and then added the below to a data label in the toolbar with Literal set to true, and Prevent XSS set to false.

<style>
.theme-entry .grid .grid-content-cell.icon.document-xls .grid-content-cell-wrapper:before
{
background-image: url("[your icon URL]");
background-size: contain;
}
</style>

Note, when using certain themes, the hover and selected states will need to be adjusted as well. The elements for these are below.

Hover:

.theme-entry .grid .grid-content-table tr:hover .grid-content-cell.icon.document-xls .grid-content-cell-wrapper:before

Selected:

.theme-entry .grid .grid-content-table tr.selected .grid-content-cell.icon.document-xls .grid-content-cell-wrapper:before

Please also log this in the ideas portal for voting if you like.

Hope this helps!

Kind Regards,

Gem

thanks, i’ll take a look into this