Hello,
When creating custom entities we can set a custom icon for that entity to differentiate from other custom entities.
So I created a "Project" entity and set a custom svg file as icon (see svg below).
- It does render correctly in the app navigation --> icon is black on grey background, just like standard icons (see attached screenshot)
- It does render correctly in the mobile app --> icon is white on black background, just like the standard icons (see attached screenshot)
BUT it does not render correctly on the lookup fields on the forms --> icon is black while it should take the accent color defined by the theme just like the standard icons.
I did a bit of research and it seems D365 uses 2 different mechanisms to render standard entities icons and custom entities icons for lookup fields:
- Custom is directly referenced as svg file in an img tag.
I see that in both case it applies the CSS color property but it does not render correctly for the custom entity icons, so I suppose the svg file should be adapted in order to be handled correctly and get the correct color via CSS.
I checked the documentation and found that article but it does not mention what the prerequisites are for the SVG files to be used in UCI, like for example the fill color that should be used.
Also found out other fellow community members raised the problem on that blog post:
Can you advise how I can have consistent color between standard and custom entities icon colors in lookups please?
THanks very much!