Icons for custom modules

💬 General Discussion
41

Does this work for anyone else?

Using SCRM 7.14

As per Gunnicom post above;

I have a simple 32 x 32 gif for a custom module. Put it in themes/SuiteP/images/

Added style.css in custom/themes/SuiteP/css/Dawn/
as follows;

.suitepicon-module-policies:before {
content: url(“/themes/SuiteP/images/umbrella-32.gif”);
}

No matter what url I use I cannot get the gif to appear.

Any ideas please.

Thanks
Terry

42

Aha!

Solved it. Needed a more complete url;

.suitepicon-module-policies:before {
content: url(“/crm/themes/SuiteP/images/umbrella-32.gif”);
}

2 Likes
43

Are you able to update icon at all places for your custom module POLICIES?

Like sidebar, subpanel and browser tab?

44

Sorry for looonngg delay in reply. Didn’t notice it.

Yes, I get the icons in all the right places.

45

I have added a custom image icon for my custom chart dashlet module option, but I am unable to modify its CSS style. Specifically, I cannot adjust its width, height, or color. How can I achieve this, or could you please guide me on where I might be going wrong? I have attempted this with both .svg and .png files

.suitepicon-module-leadchart:before{
    content: url("/custom/themes/SuiteP/images/filter.png");
}
46

Did you do Hard reload & cache clear on your browser?

47

yeah i did cleared all the cache and tried repair and build also.

48

Does it work for you?

I am not able to update it in browser’s tab? How to do it?

49

Do you know how to add a custom browser tab icon for SuiteCRM?

50

I think I found it. You need to remove .svg from this location:

themes/SuiteP/images/MODULE.svg

Then paste your file here and do hard reload and clear cache on the browser after deleting suiteP folder from the cache folder.

1 Like