Skip to Main Content
Feature Request FR-4119
Product Area User Interface
Status CLOSED

6 Voters

Using (LTR and RTL) styling together on the same page or in the same components

mr.saeedhassanpour Public · Nov 26 2024

Idea Summary

At the moment, Universal Theme can't handle (LTR and RTL) styling together on the same page or components?

Use Case
1- We have data in both languages ​​(LTR and RTL) and it should be displayed in the right place on the page.

2- When we enter data and change the keyboard (e.g. English (LTR) Persian, … (RTL))

Preferred Solution (Optional)
I think we need (dir="auto" and unicode-bidi: embed;   and  unicode-bidi: bidi-override; )

<div dir="auto" ><span style="unicode-bidi: embed;">TEST</span></div>

<div dir="auto" ><span style="unicode-bidi: embed;">تست</span></div>

This is a great idea! You can already achieve this in APEX today with a slightly different approach.

Comments

Comments

  • reza10 OP 6 weeks ago

    A very practical idea can be generalized even at the item level

  • vincent morneau Admin OP 4 weeks ago

    You can currently use the u-RTL utility class at the region level to make a section of your page RTL, while the rest stays LTR. And vice versa. We are closing this because it reads like a edge case that wouldn't be justified as a declarative option.