Table columns RTL?

Custom Coding
1

Hi, I’m building an app for RTL language. I have managed with custom css to modify most of the elements to display from right to left. Except for the Table block… Haven’t found the right css class and css attributes to display the table columns from right to left.

Any HTML expert here that can help?
Thank

2

Hey @guy

How did you do that?

Thanks!

3

While we don’t support this natively in settings at the moment, a simple custom code can enable it in the page settings.

<script>
    document.body.dir = "rtl";
</script>
1 Like
4

Thanks so much!!!
It helped a lot but not fully.

  1. How can I make a table also RTL, meaning the order of the columns is from right to left and the text is right aligned?
  2. How can I expand the column’s widths in Kanban to use the full width of the page? Currently, I have three left-aligned columns (I meant the columns and not the content of the columns), so it doesn’t look good. Center-aligned could be an alternative.
  3. how can I make the content of the Kanban columns RTL?
  4. I want to make the tabs also shown on the right side.

Thanks so much

5

Glad to hear this helped! For the rest of these styles, you’ll have to dig into the CSS and add them yourself, unfortunately.

6

Do you have any timeline to support RTL natively?

7

I don’t believe so. This is the first time I’ve ever seen our request in our community, but I’d encourage you to submit to our Suggest a Feature - Softr form as others might be interested as well!

1 Like