fontawesome icons not loading in ui if the operator local is arabic
hi everyone ,
i put fontawosome library in my application and working find if the operator local is english
If i use an operator with arabic local .. the icons in not loading
when i checked by f12 i found that files are loading but :: before is not loading this cause the icon to be blank
any help to show the ::before pseudo element
***Edited by Moderator Marije to add correct spelling of fontawosome to fontawesome in Title for easier search ***
Updated: 25 Apr 2024 8:01 EDT
Pegasystems Inc.
GB
@Mazen can you confirm you are talking about the 'Font Awesome' library ?
For Arabic or other right-to-left languages, Pega Platform uses tools built into Java and HTML to automatically handle right-to-left conversion based on the user's locale.
Converting your UI for right-to-left languages
Converting the icon font for imported applications
There are known issues with displaying icons in right-to-left languages like Arabic in Pega applications, but these are not specifically related to the Font Awesome icon library. These issues are more about how Pega handles right-to-left languages and how icons are displayed in these languages.
cromium-based browsers have problem with RTL locale. Button is there, just displayed under the field, so you can't see it.
Try applying following CSS to the harness:
@Mazen can you confirm you are talking about the 'Font Awesome' library ?
For Arabic or other right-to-left languages, Pega Platform uses tools built into Java and HTML to automatically handle right-to-left conversion based on the user's locale.
Converting your UI for right-to-left languages
Converting the icon font for imported applications
There are known issues with displaying icons in right-to-left languages like Arabic in Pega applications, but these are not specifically related to the Font Awesome icon library. These issues are more about how Pega handles right-to-left languages and how icons are displayed in these languages.
cromium-based browsers have problem with RTL locale. Button is there, just displayed under the field, so you can't see it.
Try applying following CSS to the harness:
html[dir='rtl'] .combo-box > button > .pi-caret-down { position: relative; }
Please log a support incident on the MSP if the product is not working as documented. Please provide the INC reference here so that we can help track the issue with you.
Pegasystems Inc.
GB
@AnilReddyG16888514 please log a support issue via the MSP if the details I provided above did not help you.