# RTL support should not be up for a vote...it's a must have feature IMHO

**URL:** <https://community.glideapps.com/t/rtl-support-should-not-be-up-for-a-vote-its-a-must-have-feature-imho/33756>\
**Category:** Ask for Help\
**Created:** [October 29, 2021, 11:48pm UTC](https://community.glideapps.com/t/rtl-support-should-not-be-up-for-a-vote-its-a-must-have-feature-imho/33756 "2021-10-29T23:48:22Z")\
**Posts on this page:** 20\
**Page:** 1

<div class="post-metadata">

**Author:** ![SuperMerabh](https://avatars.discourse-cdn.com/v4/letter/s/8491ac/32.png) [@SuperMerabh](https://community.glideapps.com/u/SuperMerabh)\
**Post date:** [October 29, 2021, 11:48pm UTC](https://community.glideapps.com/t/rtl-support-should-not-be-up-for-a-vote-its-a-must-have-feature-imho/33756/1 "2021-10-29T23:48:22Z")

</div>

I know that RTL support is up for a vote but really it should be built in…you’ve got the entire middle east and some of Africa using RTL:

“Despite it’s difficulty, making sure apps display correctly in RTL locales is an effort worth undertaking. Arabic is the 5th most used language in the world, with over 420 million speakers. There are also over 100 million speakers of Urdu, and over 9 million speakers of Hebrew. As designers and developers, we shouldn’t just leave hundreds of millions of users behind.”

Source: [Don’t be backwards. A quick guide to making sure your app… | by Alan Sien Wei Hshieh | Prototypr](https://blog.prototypr.io/dont-be-backwards-2573b117c5d9)

I just tried to create an app for my dad in Hebrew and didn’t get very far…the text is not showing properly even when I use the native Glide database, most of the features won’t allow to align the text to the right. I gave up on it for now…Glide is pretty much useless for RTL languages…based on my very short experimenting with it.

Thanks for your consideration… 😄

---

<div class="post-metadata">

**Author:** ![ThinhDinh](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/thinhdinh/32/49_2.png) [@ThinhDinh](https://community.glideapps.com/u/ThinhDinh)\
**Post date:** [October 29, 2021, 11:51pm UTC](https://community.glideapps.com/t/rtl-support-should-not-be-up-for-a-vote-its-a-must-have-feature-imho/33756/2 "2021-10-29T23:51:04Z")

</div>

Yeah I know @Lin_Altshuler has been calling for this a lot in recent days… I hope you get support soon.

---

<div class="post-metadata">

**Author:** ![Lin\_Altshuler](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/lin_altshuler/32/32591_2.png) [@Lin\_Altshuler](https://community.glideapps.com/u/Lin_Altshuler)\
**Post date:** [October 30, 2021, 5:33am UTC](https://community.glideapps.com/t/rtl-support-should-not-be-up-for-a-vote-its-a-must-have-feature-imho/33756/3 "2021-10-30T05:33:41Z")

</div>

Yes, that’s right.  
I know @yinon_raviv and @Gideon_Lahav_Busines also build apps in Hebrew and would be thrilled like me to see this done.  
For now we are using CSS to align components to the right with RTL and YC to format dates but still some things aren’t accessible like the sign-in screen or the hamburger menu, date pickers should be formatted by choice as well.  
RTL is like driving on the left side of the road, its not just for text, all rules apply.  
I really hope we will see this in Glide in the near future.

---

<div class="post-metadata">

**Author:** ![Gideon\_Lahav\_Busines](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/gideon_lahav_busines/32/41121_2.png) [@Gideon\_Lahav\_Busines](https://community.glideapps.com/u/Gideon_Lahav_Busines)\
**Post date:** [October 31, 2021, 4:35pm UTC](https://community.glideapps.com/t/rtl-support-should-not-be-up-for-a-vote-its-a-must-have-feature-imho/33756/4 "2021-10-31T16:35:02Z")

</div>

Hi @Lin_Altshuler

I found a way for the burger menu as well.

[data-test="glide-app-bar"] {text-align: center; direction:rtl; }

---

<div class="post-metadata">

**Author:** ![Gideon\_Lahav\_Busines](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/gideon_lahav_busines/32/41121_2.png) [@Gideon\_Lahav\_Busines](https://community.glideapps.com/u/Gideon_Lahav_Busines)\
**Post date:** [October 31, 2021, 4:36pm UTC](https://community.glideapps.com/t/rtl-support-should-not-be-up-for-a-vote-its-a-must-have-feature-imho/33756/5 "2021-10-31T16:36:47Z")

</div>

Please vote here and comment

> [@Support Right-to-Left Languages](https://community.glideapps.com/t/support-right-to-left-languages/2104):
>
> My app is in Hebrew, which works fine except from text alignment and headaches with confusion between text and punctuations. All my text is still aligned to the left, which is not very Middle-East styled slight_smile . Also if you want to do it completely right, linked screen should then slide-in from left to right rather than right-to-left. And also, the main layout should be right-aligned too, with the Hamburger menu to the right, the ‘+’ button to the left, and the tabs ordered right-to-le…

@SuperMerabh  
@Lin_Altshuler

---

<div class="post-metadata">

**Author:** ![Lin\_Altshuler](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/lin_altshuler/32/32591_2.png) [@Lin\_Altshuler](https://community.glideapps.com/u/Lin_Altshuler)\
**Post date:** [October 31, 2021, 8:24pm UTC](https://community.glideapps.com/t/rtl-support-should-not-be-up-for-a-vote-its-a-must-have-feature-imho/33756/6 "2021-10-31T20:24:27Z")

</div>

That’s nice! but the menu still slides on the left 😏  
I searched everywhere and didn’t find any spans divs or whatever to change the location of the menu…

---

<div class="post-metadata">

**Author:** ![SuperMerabh](https://avatars.discourse-cdn.com/v4/letter/s/8491ac/32.png) [@SuperMerabh](https://community.glideapps.com/u/SuperMerabh)\
**Post date:** [November 1, 2021, 7:11am UTC](https://community.glideapps.com/t/rtl-support-should-not-be-up-for-a-vote-its-a-must-have-feature-imho/33756/7 "2021-11-01T07:11:43Z")

</div>

My problem is not the burger placement…my problem is with the text not showing up properly because the database ASCII is not correct for Hebrew. The text that has punctuation is showing wrong, commas in the wrong place, etc. You can see in the image that the commas and dots are showing in the beginning of the line instead of the end of the previous line. Fixing this would just take forever, as there are many poems. If anyone has an idea, please do let me know! Shalom and Toda 😄

 ![Screen Shot 2021-11-01 at 3.10.19 PM](https://us1.discourse-cdn.com/flex002/uploads/glideapps/original/3X/f/c/fca7438e07891dc97db40a9cfda8b4387b1c69aa.jpeg)

---

<div class="post-metadata">

**Author:** ![SuperMerabh](https://avatars.discourse-cdn.com/v4/letter/s/8491ac/32.png) [@SuperMerabh](https://community.glideapps.com/u/SuperMerabh)\
**Post date:** [November 1, 2021, 7:16am UTC](https://community.glideapps.com/t/rtl-support-should-not-be-up-for-a-vote-its-a-must-have-feature-imho/33756/8 "2021-11-01T07:16:21Z")

</div>

It looks like it’s working find if I choose “action text” but not the other types of text. Just a tip for anyone trying to do this!

---

<div class="post-metadata">

**Author:** ![SuperMerabh](https://avatars.discourse-cdn.com/v4/letter/s/8491ac/32.png) [@SuperMerabh](https://community.glideapps.com/u/SuperMerabh)\
**Post date:** [November 1, 2021, 7:18am UTC](https://community.glideapps.com/t/rtl-support-should-not-be-up-for-a-vote-its-a-must-have-feature-imho/33756/9 "2021-11-01T07:18:14Z")

</div>

> [@Gideon\_Lahav\_Busines](#):
>
> [data-test=“glide-app-bar”] {text-align: center; direction:rtl; }

Where do you place this @Gideon_Lahav_Busines ?

---

<div class="post-metadata">

**Author:** ![Lin\_Altshuler](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/lin_altshuler/32/32591_2.png) [@Lin\_Altshuler](https://community.glideapps.com/u/Lin_Altshuler)\
**Post date:** [November 1, 2021, 7:42am UTC](https://community.glideapps.com/t/rtl-support-should-not-be-up-for-a-vote-its-a-must-have-feature-imho/33756/10 "2021-11-01T07:42:24Z")

</div>

Add a Rich Text component and put this in

```auto
<p><style>
[data-test="app-text-box"],[data-test="app-text-field"],[class="labels"]
{
text-align: start;
direction:rtl;
}
</style></p>

```

---

<div class="post-metadata">

**Author:** ![Gideon\_Lahav\_Busines](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/gideon_lahav_busines/32/41121_2.png) [@Gideon\_Lahav\_Busines](https://community.glideapps.com/u/Gideon_Lahav_Busines)\
**Post date:** [November 1, 2021, 10:02am UTC](https://community.glideapps.com/t/rtl-support-should-not-be-up-for-a-vote-its-a-must-have-feature-imho/33756/11 "2021-11-01T10:02:29Z")

</div>

Thanks @Lin_Altshuler

---

<div class="post-metadata">

**Author:** ![Gideon\_Lahav\_Busines](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/gideon_lahav_busines/32/41121_2.png) [@Gideon\_Lahav\_Busines](https://community.glideapps.com/u/Gideon_Lahav_Busines)\
**Post date:** [November 1, 2021, 10:04am UTC](https://community.glideapps.com/t/rtl-support-should-not-be-up-for-a-vote-its-a-must-have-feature-imho/33756/12 "2021-11-01T10:04:39Z")

</div>

Try this

Should turn any page to RTL (most of it)

````auto
<p><style>
[data-test="glide-app-bar"] 
{text-align: center;
direction:rtl; 
}
</style></p>

<p><style>
[data-test="app-text-box"] {
text-align: start;
direction:rtl;
}
</style></p>

<p><style>
[data-test="app-checkbox-list-item"] {
text-align: start;
direction:rtl;
}
</style></p>

<p><style>
[class="sc-jxTFzB ktDwEE"] {
text-align:right;
direction:ltr;
}
</style></p>

<p><style>
[class="legend-item"] {
text-align:right;
direction:ltr;
}
</style></p>

<p><style>
[class="sc-jLfdbx kUyBQb"] {
text-align: start;
direction:rtl;
}
</style></p>

<p><style>
[data-test="app-hint"] {
text-align: start;
direction:rtl;
}
</style></p>

<p><style>
[data-test="app-switch-view"] {
text-align: start;
direction:rtl !important;
}
</style></p>

<p><style>
[data-test="app-text-field"] {
text-align: right;
direction:rtl;
}
</style></p>

<p><style>
[data-test="app-picker-button"] {
text-align: right;
direction:rtl;
}
</style></p>

<p><style>
[data-test="app-switch-view"] {
text-align: right;
direction:rtl;
}
</style></p>

<p><style>
[data-test="list-item-title"] {
text-align: right;
direction:rtl;
}
</style></p>

<p><style>
[data-test="list-item"] {
text-align: right;
direction:rtl;
}
</style></p>

<p><style>
[class="sc-kNnYhR WdOSc"] {
text-align: right;
direction:rtl;
font-family: alef;
}
</style></p>

<p><style>
[data-test="app-inline-picker"] {
text-align: right;
direction:rtl;
}
</style></p>

<p><style>
[role="row"] {
text-align: right;
direction:rtl;
}
</style></p>

<p><style>
[class="sc-htmbXw fgLAlN"] {
text-align: right;
direction:rtl !important;
}
</style></p>

<p><style>
[data-test="app-vertical-list"] {
text-align: right;
direction:rtl !important;
}
</style></p>

<p><style>
[class="label"] {
text-align: right;
direction:rtl !important;
}
</style></p>

<p><style>
[class="tbs-inner"] {
text-align: right;
direction:rtl !IMPORTANT;
}
</style></p>```
````

---

<div class="post-metadata">

**Author:** ![SuperMerabh](https://avatars.discourse-cdn.com/v4/letter/s/8491ac/32.png) [@SuperMerabh](https://community.glideapps.com/u/SuperMerabh)\
**Post date:** [November 2, 2021, 2:40am UTC](https://community.glideapps.com/t/rtl-support-should-not-be-up-for-a-vote-its-a-must-have-feature-imho/33756/13 "2021-11-02T02:40:37Z")

</div>

> [@Gideon\_Lahav\_Busines](#):
>
> Should turn any page to RTL (most of it)

Thanks @Gideon_Lahav_Busines , this is my first RTL app, so I have no idea what to do with the code? can you advise? 😀

---

<div class="post-metadata">

**Author:** ![ThinhDinh](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/thinhdinh/32/49_2.png) [@ThinhDinh](https://community.glideapps.com/u/ThinhDinh)\
**Post date:** [November 2, 2021, 11:23am UTC](https://community.glideapps.com/t/rtl-support-should-not-be-up-for-a-vote-its-a-must-have-feature-imho/33756/14 "2021-11-02T11:23:46Z")

</div>

You can put that in a rich text component to see if it works, on any details view.

---

<div class="post-metadata">

**Author:** ![SuperMerabh](https://avatars.discourse-cdn.com/v4/letter/s/8491ac/32.png) [@SuperMerabh](https://community.glideapps.com/u/SuperMerabh)\
**Post date:** [November 2, 2021, 11:26pm UTC](https://community.glideapps.com/t/rtl-support-should-not-be-up-for-a-vote-its-a-must-have-feature-imho/33756/15 "2021-11-02T23:26:04Z")

</div>

So adding a rich text with this code will change the entire page?

---

<div class="post-metadata">

**Author:** ![ThinhDinh](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/thinhdinh/32/49_2.png) [@ThinhDinh](https://community.glideapps.com/u/ThinhDinh)\
**Post date:** [November 2, 2021, 11:28pm UTC](https://community.glideapps.com/t/rtl-support-should-not-be-up-for-a-vote-its-a-must-have-feature-imho/33756/16 "2021-11-02T23:28:46Z")

</div>

Yes, I assume.

---

<div class="post-metadata">

**Author:** ![Gideon\_Lahav\_Busines](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/gideon_lahav_busines/32/41121_2.png) [@Gideon\_Lahav\_Busines](https://community.glideapps.com/u/Gideon_Lahav_Busines)\
**Post date:** [November 4, 2021, 5:51pm UTC](https://community.glideapps.com/t/rtl-support-should-not-be-up-for-a-vote-its-a-must-have-feature-imho/33756/17 "2021-11-04T17:51:24Z")

</div>

Yes, add it. and paste the CSS I made into it.

Also, it will be highly appreciated if you can mark my answer with the CSS as a “solution ✅” if that is the case for you.

Gideon

---

<div class="post-metadata">

**Author:** ![SuperMerabh](https://avatars.discourse-cdn.com/v4/letter/s/8491ac/32.png) [@SuperMerabh](https://community.glideapps.com/u/SuperMerabh)\
**Post date:** [November 6, 2021, 5:33am UTC](https://community.glideapps.com/t/rtl-support-should-not-be-up-for-a-vote-its-a-must-have-feature-imho/33756/18 "2021-11-06T05:33:55Z")

</div>

> [@Gideon\_Lahav\_Busines](#):
>
> ````auto
> <p><style>
> [data-test="glide-app-bar"] 
> {text-align: center;
> direction:rtl; 
> }
> </style></p>
> 
> <p><style>
> [data-test="app-text-box"] {
> text-align: start;
> direction:rtl;
> }
> </style></p>
> 
> <p><style>
> [data-test="app-checkbox-list-item"] {
> text-align: start;
> direction:rtl;
> }
> </style></p>
> 
> <p><style>
> [class="sc-jxTFzB ktDwEE"] {
> text-align:right;
> direction:ltr;
> }
> </style></p>
> 
> <p><style>
> [class="legend-item"] {
> text-align:right;
> direction:ltr;
> }
> </style></p>
> 
> <p><style>
> [class="sc-jLfdbx kUyBQb"] {
> text-align: start;
> direction:rtl;
> }
> </style></p>
> 
> <p><style>
> [data-test="app-hint"] {
> text-align: start;
> direction:rtl;
> }
> </style></p>
> 
> <p><style>
> [data-test="app-switch-view"] {
> text-align: start;
> direction:rtl !important;
> }
> </style></p>
> 
> <p><style>
> [data-test="app-text-field"] {
> text-align: right;
> direction:rtl;
> }
> </style></p>
> 
> <p><style>
> [data-test="app-picker-button"] {
> text-align: right;
> direction:rtl;
> }
> </style></p>
> 
> <p><style>
> [data-test="app-switch-view"] {
> text-align: right;
> direction:rtl;
> }
> </style></p>
> 
> <p><style>
> [data-test="list-item-title"] {
> text-align: right;
> direction:rtl;
> }
> </style></p>
> 
> <p><style>
> [data-test="list-item"] {
> text-align: right;
> direction:rtl;
> }
> </style></p>
> 
> <p><style>
> [class="sc-kNnYhR WdOSc"] {
> text-align: right;
> direction:rtl;
> font-family: alef;
> }
> </style></p>
> 
> <p><style>
> [data-test="app-inline-picker"] {
> text-align: right;
> direction:rtl;
> }
> </style></p>
> 
> <p><style>
> [role="row"] {
> text-align: right;
> direction:rtl;
> }
> </style></p>
> 
> <p><style>
> [class="sc-htmbXw fgLAlN"] {
> text-align: right;
> direction:rtl !important;
> }
> </style></p>
> 
> <p><style>
> [data-test="app-vertical-list"] {
> text-align: right;
> direction:rtl !important;
> }
> </style></p>
> 
> <p><style>
> [class="label"] {
> text-align: right;
> direction:rtl !important;
> }
> </style></p>
> 
> <p><style>
> [class="tbs-inner"] {
> text-align: right;
> direction:rtl !IMPORTANT;
> }
> </style></p>```
> 
> ````

@Gideon_Lahav_Busines it works with some things…the list now shows RTL but the title doesn’t…see attached.

 ![Screen Shot 2021-11-06 at 1.32.59 PM](https://us1.discourse-cdn.com/flex002/uploads/glideapps/original/3X/6/a/6ab7cc334a59e19ae7973bcbea3640b6ad947134.jpeg)

---

<div class="post-metadata">

**Author:** ![SuperMerabh](https://avatars.discourse-cdn.com/v4/letter/s/8491ac/32.png) [@SuperMerabh](https://community.glideapps.com/u/SuperMerabh)\
**Post date:** [November 6, 2021, 5:44am UTC](https://community.glideapps.com/t/rtl-support-should-not-be-up-for-a-vote-its-a-must-have-feature-imho/33756/19 "2021-11-06T05:44:46Z")

</div>

![Screen Shot 2021-11-06 at 1.41.25 PM](https://us1.discourse-cdn.com/flex002/uploads/glideapps/original/3X/8/8/88814a83ebfc8a63a3f444f9f3496d1f63244504.jpeg)  
The “back” button is also not showing properly…is there a Hebrew translation I can use?

---

<div class="post-metadata">

**Author:** ![Gideon\_Lahav\_Busines](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/gideon_lahav_busines/32/41121_2.png) [@Gideon\_Lahav\_Busines](https://community.glideapps.com/u/Gideon_Lahav_Busines)\
**Post date:** [November 6, 2021, 4:21pm UTC](https://community.glideapps.com/t/rtl-support-should-not-be-up-for-a-vote-its-a-must-have-feature-imho/33756/20 "2021-11-06T16:21:19Z")

</div>

If your device is on Hebrew then it should show is as “חזרה”

[Next page](https://community.glideapps.com/t/rtl-support-should-not-be-up-for-a-vote-its-a-must-have-feature-imho/33756.md?page=2)