Cannot see Emojis / color in Entity Form because of automatic formatting

[nandrews]

Emojis / color are displayed and easily readable in grids and other locations: 

Yet, they are automatically formatted in Entity Form fields when not selected or hovered over (On PC using Microsoft Edge):

This is an inconvenience in some circumstances. There does not seem to be formatting options for this.

Are we missing something? Would anyone know a way around this?

[DianaBirkelbach]

Hi @nandrews , 

I don't know another out-of-the-box solution, but I have 2 PCFs on pcf.gallery, showing the colors set in customizing for each option:

- ColorfulOptionset (for the form): https://pcf.gallery/colorful-optionset/

- ColorfulOptionset Grid: https://github.com/brasov2de/ColorfulOptionsetGrid

Hope this helps!

[nandrews]

Thank you for the help and the PCF recommendations! They will help and be useful in other ways, for sure.
Unfortunately, in this case, an optionset is not quite a viable option for the particular requirements on this field.

[cchannon]

Are you using Fluent UI for this? Fluent's style class names overlap with power platform in a painfully large number of places, and when that happens, the model driven app wins. Try also manually setting the style attributes inline where you create the object. That should come in after any page inherritance and carry through the style you're looking for.

[nandrews]

No, I do not believe the entity Main Forms utilize Fluent UI.
If there is a way to change the style/format settings of how entity forms are displayed, that may help.

[cchannon]

Ohh, so you actually put an emoji in the name text here, as opposed to some kind of custom control?

Yeah, within a text box you can't count on emoji coloring carrying through consistently (although it probably should), but I know that if you create your own html elements in a pcf emojis will consistently display correctly.

Other than a custom ui approach, though, I don't know of any way to assure emojis will display as intended.