Skip to content

Commit

Permalink
Fix #4609 : How to enable RTL (#5294)
Browse files Browse the repository at this point in the history
<!-- READ ME FIRST: Please fill in the explanation section below and
check off every point from the Essential Checklist! -->
## Explanation

Fix #4609 : How to enable RTL

<!--
- Explain what your PR does. If this PR fixes an existing bug, please
include
- "Fixes #bugnum:" in the explanation so that GitHub can auto-close the
issue
  - when this PR is merged.
  -->

## Essential Checklist
<!-- Please tick the relevant boxes by putting an "x" in them. -->
- [x] The PR title and explanation each start with "Fix #bugnum: " (If
this PR fixes part of an issue, prefix the title with "Fix part of
#bugnum: ...".)
- [x] Any changes to
[scripts/assets](https://github.com/oppia/oppia-android/tree/develop/scripts/assets)
files have their rationale included in the PR explanation.
- [x] The PR follows the [style
guide](https://github.com/oppia/oppia-android/wiki/Coding-style-guide).
- [x] The PR does not contain any unnecessary code changes from Android
Studio
([reference](https://github.com/oppia/oppia-android/wiki/Guidance-on-submitting-a-PR#undo-unnecessary-changes)).
- [x] The PR is made from a branch that's **not** called "develop" and
is up-to-date with "develop".
- [x] The PR is **assigned** to the appropriate reviewers
([reference](https://github.com/oppia/oppia-android/wiki/Guidance-on-submitting-a-PR#clarification-regarding-assignees-and-reviewers-section)).

---------

Co-authored-by: Adhiambo Peres <[email protected]>
  • Loading branch information
MohitGupta121 and adhiamboperes authored Jan 26, 2024
1 parent f5be6f6 commit 9c5e953
Showing 1 changed file with 18 additions and 0 deletions.
18 changes: 18 additions & 0 deletions wiki/RTL-Guidelines.md
Original file line number Diff line number Diff line change
@@ -1,6 +1,7 @@
## Table of Contents

- [What is RTL?](#what-is-rtl)
- [How to enable RTL](#how-to-enable-rtl)
- [What changes in RTL?](#what-changes-in-rtl)
- [Testing app for RTL Layouts](#testing-app-for-rtl-layouts)
- [Reference Documentation](#reference-documentation)
Expand All @@ -19,6 +20,23 @@ In general, the passage of time is depicted as left to right for LTR languages,

When a UI is changed from LTR to RTL (or vice-versa), it’s often called mirroring. An RTL layout is the mirror image of an LTR layout, and it affects layout, text, and graphics.

# How to enable RTL?

#### Option 1:

- **Unlock Developer Options:** Go to your phone's Settings, scroll down to "About Phone," and tap on it. Find the "Build Number" and tap on it 7 times. You'll see a message saying "You are now a developer!"
- **Access Developer Options:** Go back to the main Settings menu, scroll down, and you should now see "Developer Options" above "About Phone."
- **Enable Developer Options:** Tap on "Developer Options" and scroll down until you find "Force RTL layout direction."
- **Enable RTL Mode:** Toggle the switch next to "Force RTL layout direction" to turn it on. Your phone's interface will switch to Right-to-Left mode.

<img width="350" height="700" alt="Enable RTL" src="https://github.com/oppia/oppia-android/assets/76530270/805d8d77-49f6-48e7-8bab-e433085285a3">

#### Option 2:

- Enable the "**Arabic**" language on your Android device or emulator.

<img width="350" height="700" alt="Enable RTL" src="https://github.com/oppia/oppia-android/assets/76530270/47c2c2aa-6f92-49ac-a921-9be37b4a4ca8">

# What changes in RTL?

When a UI is mirrored, these changes occur:
Expand Down

0 comments on commit 9c5e953

Please sign in to comment.