Custom Widget Layout Issue in Employee Center When Switching to RTL (Hebrew)

Tal5
Giga Guru

2 hours ago - last edited 2 hours ago

Hello everyone,

I’ve created a custom widget in the Employee Center using HTML, CSS, and JS.
When I switch the system language to Hebrew (RTL), the lines and layout in the widget shift out of place, breaking the design.
Interestingly, this issue does not occur in another environment where I tested the same widget, so I suspect it might be related to the request page settings or global CSS in the Employee Center.

Details:

  • The widget was built using custom HTML, CSS, and JS.
  • The problem only appears when the language is set to RTL (Hebrew).
  • In another environment (with the same files), the widget displays correctly, even in Hebrew.
  • I suspect the issue may be related to the request page configuration or some global CSS affecting RTL layouts.

What I’ve tried so far:

  • Reviewed the widget’s HTML and CSS for RTL compatibility.
  • Compared settings between the working and problematic environments.
  • Tried adding specific CSS rules for RTL, but the issue persists.

Has anyone encountered a similar issue, or does anyone have suggestions or resources that might help me identify what’s causing the difference between environments and how to resolve it?

Thank you in advance for any help!

 

Tal5_0-1757847418967.jpeg

 

 

 

Preview file
506 KB
0 Helpfuls
  • 123 Views
1 REPLY 1

RaghavSh
Kilo Patron

2 hours ago

So id it different across instances then you have some issue with CSS and css can be written at different places like

 

widget, widget instance, page specific css, css in portal theme, CSS includes in theme.

 

since your issue is not persistent across all instances so it is not related to language change.

 

Now for troubleshooting you need to compare all the places, mentioned above and inspect the portal page to see which css is conflicting.


Raghav
MVP 2023
0 Helpfuls