builder icon indicating copy to clipboard operation
builder copied to clipboard

Request for Right-to-Left (RTL) Support in Frappe Builder

Open alaahariri opened this issue 1 year ago • 6 comments

Overview:

To enhance its accessibility and usability for a global audience, I propose the integration of Right-to-Left (RTL) localization and internationalization support.

Rationale:

The addition of RTL support is essential for catering to languages such as Arabic, Hebrew, and Persian. This feature will not only expand the reach of Frappe Builder to new markets but also enhance the user experience for a significant segment of the global population.

Proposed Features for Frappe Builder:

  1. Automatic RTL Adjustment: Implement automatic style adjustments for RTL languages, affecting text alignment, direction, and positioning of UI elements.
  2. Language-Specific Stylesheets: Introduce RTL-specific stylesheets that can be automatically applied based on the browsing language.
  3. Page Mapping: When a user switches languages, the system should automatically direct them to the corresponding page in the new language, maintaining the context and enhancing navigability.
  4. Automatic Attribute Adjustment: Frappe Builder should automatically add the dir="rtl" attribute to relevant HTML tags (like html, body) whenever a user selects an RTL language. This will adjust the text direction and layout alignment without requiring manual HTML modifications.

SEO Considerations:

Supporting multiple languages and writing directions can significantly impact SEO. Properly implemented RTL support should include:

  1. Hreflang Tags: Use 'hreflang' tags for multilingual sites to help search engines understand the language and geographical targeting of a page.
  2. Language-Specific URLs: Implement language-specific URLs for RTL pages to enhance local SEO and improve user experience.
  3. Implementing SEO-friendly URLs that include post titles in the local language.
  4. Use link rel="canonical" tags to specify the primary version of content for search engines to avoid duplicate content issues.
  5. Implement link rel="alternate" hreflang="x" tags to guide search engines on language-specific versions of the page. This is crucial for multilingual websites to perform well in local search results.

alaahariri avatar Apr 18 '24 17:04 alaahariri

+1

ibrahimhab94 avatar Oct 20 '24 19:10 ibrahimhab94

+2

engahmed1190 avatar Nov 22 '24 17:11 engahmed1190

+3

Any news or workarounds ?

SmoothPlay avatar Dec 12 '24 10:12 SmoothPlay

Hello @surajshetty3416 . I appreciate if you could tell us if their is any workarounds or plan to implement this

engahmed1190 avatar Dec 21 '24 12:12 engahmed1190

@engahmed1190, @SmoothPlay, @ibrahimhab94, @alaahariri here's the workaround I suggested on TG PC.

https://github.com/user-attachments/assets/04c70fd2-24dd-478e-89aa-bb3cd2665f91

Note: Not sure this would be enough, you still might have to make further adjustments.

surajshetty3416 avatar Jan 29 '25 04:01 surajshetty3416

+1

Double-Click-ERP avatar Sep 11 '25 10:09 Double-Click-ERP