How to adapt Glide to RTL?

As of this post’s publication date, the platform can’t align the various components to the right naturally.

When the components are constantly on the left side and writing from right to left, the app is inconvenient to use, and its visibility is crooked.

This can be resolved using the CSS code attached below.

(CSS template allows us to define styles for the various elements on the page such as text, images, etc.)

1. Add to the page where we build a component called rich text

2. Change the default information displayed in the component to custom.

3. Copy the code below

4. Paste the code inside the rich text component

And hop! The app is in Hebrew!

Remarks

1. The CSS code you paste may “break” if the company (Glade) decides to make substantial changes to any component.
2. This site or its owner has no responsibility for any changes that may occur as a result of breaking the code.
3. Do not rely on CSS code in the actual construction of the application but only for design.
4. I tried to update the code to adapt to Glide’s current version.
5. The code should be pasted on each page individually, it will not work on your entire app automatically.

Code structure

<p><style>
[Element ID] {
text-align: start;
direction:rtl;
}
</style></p>

If you have an app that you would like to convert to Hebrew, contact me and I will be happy to help.

Copy the code below: