Skip to main content

Hi,

 

Other than the ootb icons which you can select for the COLUMN ICON setting, can you set your own? I want to use simple things like Bullet points etc, but the icons are old school document type icons.

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("dyour 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


Reply