How is the color of Operator icon image determined?
Hello,
Customer asks, how is the color of Operator icon image determined? They know it is handled by py-avatar rule if the Operator name is English. However, they want to know when it is Chinese name. For example, Operator ID, 習近平, color is displayed in purple as below.
FYI, the Operator ID is configured as below.
Regards,
Accepted Solution
Updated: 2 Sep 2023 4:27 EDT
Pegasystems Inc.
US
Pegasystems Inc.
JP
The Operator icon image is determined by the following logic order:
1. If you upload a picture, picture takes precedence.
2. If you don't upload a picture, and the full name is in English, it is determined by py-avatar.css.
Since "Jingping Xi" starts with "J", system looks for name-j, which returns #e94b35.
3. If you don't upload a picture, and the full name is in non-English characters, no colors are picked up by py-avatar.css. Then purple color will be used, which is defined in pxOperatorImage control as below.
The Operator icon image is determined by the following logic order:
1. If you upload a picture, picture takes precedence.
2. If you don't upload a picture, and the full name is in English, it is determined by py-avatar.css.
Since "Jingping Xi" starts with "J", system looks for name-j, which returns #e94b35.
3. If you don't upload a picture, and the full name is in non-English characters, no colors are picked up by py-avatar.css. Then purple color will be used, which is defined in pxOperatorImage control as below.
If you want to change the color, you can modify / add a line in py-avatar.css.
However, Kanji is too many and it is not realistic to define colors for each character. If you want to change the defaulted purple color, you may need to do Save As pxOperatorImage control as well as referring sections. I would not recommend this approach for maintenance reasons, though.
Regards,
@CloeW938 This is based on your first initial - it only works for latin alphabet - if this is a different alphabet, all users will get the same background color
This logic is coming from the pxOperatorImage component
The actual colors are coming from py-avatar.css