i add Arabic language with English side by side (Development)

by Abdulsalam @, Oman, (321 days ago)

Hi guys..MASTERS,,>> thank you to share us your beautiful minds.
I can see your future vision with lovely project like this. its smart simple and powerful
thank you for that (open_source= "open minds") God BLESS you & guide your steps<<

Its a pleasure to add little thing for that work ,I make translation for ARABIC but i keep it with ENGLISH it works together very fine.
there was many variables bracket in some lines i separate it from Arabic script with × so that the Arabic encoding does not disable the variable codes- Which must be in English encoding or Latino.. it works fine.

Am still working to make it more shorter and organized and hopefully in God willing to finish it with the single Arabic and purify it very soon.


I would like to mention one opinion to you,,
one thing:-It will be great if you make the text alignment in center so you contain all languages witch is come from [left to right] and some from [right to left] -Or you may put alignment options.

Here is the (lang) file link: Arabic-English for MyLittleForum عربي-إنجليزي لــ
I upload it as a TEXT file

I call it (Arabishعربيز)(

My love and respect :ok:

Avatar

i add Arabic language with English side by side

by Auge ⌂, (321 days ago) @ Abdulsalam

Hello

Its a pleasure to add little thing for that work ,I make translation for ARABIC but i keep it with ENGLISH it works together very fine.

It looks a little bit strange to see the arabic and english menu text sivde by side without any space but well, it's a beginning. Well done. 👍

I would like to mention one opinion to you,,
one thing:-It will be great if you make the text alignment in center so you contain all languages witch is come from [left to right] and some from [right to left] -Or you may put alignment options.

There is a general problem with the current implementation, that affects also your concept. Currently the forum does not explicitely set the text alignment with the exception of elements with a different alignment than the standard. Those definitions are based on latin languages which are written from left to right (as we know).

Since a few years there is a enhancement to text-align, that is "flow related" and so writing direction independent. The (meanwhile not so) new values for text-align are start and end. The use of the value start will automatically result in text-align: left; for languages, written left to right (ltr) and in text-align: right; for languages written from right to left (rtl). The reverse is true for the value end.

This works also with a mix of different languages with different writing directions in one document, if the writing direction is properly defined. That starts with providing the correct value for the key dir (ltr or rtl) in the language files (you forgot until now to set the writign direction rtl in your arabic translation). And it would be an additional task for an author of a posting to set the value for a posting section (i.e. a paragraph) in a language with a different writing direction that it is the default in the specific forum.

The browser support is nearly at 100%.

We aleady did most of the necessary work in the past (see this thread), where we also discussed the start and end values for text-align (at the end of the thread). The latest posting provides the code for a RTL-button (and same way a LTR-button) beside the posting form.

Here is the (lang) file link: Arabic-English for MyLittleForum عربي-إنجليزي لــ
I upload it as a TEXT file

I call it (Arabishعربيز)(

Thank you for providing the translation for the interested audience. I am more interested in an arabic only translation. In my humble opinion, this would be more interesting for a larger audience.

Tschö, Auge

--
Trenne niemals Müll, denn er hat nur eine Silbe!

About the single *Arabic* language

by Abdus_salam, OM, (319 days ago) @ Auge

Hey seniori,,
I have done it for your Auge its Completely done except the tow lines in the top (time format line 26 & 27)

i use the {rtl}dir but the text box and side bar still steady did not change there direction

you can check how it looks in the test website>> test Arabic_عربي in MyLittleForum
username: salam
password: admin100%pass


here is the Arabic TEXT file: Arabic_عربي


thank you so much

Avatar

Mainly about layout issues in languages, written right to left

by Auge ⌂, (319 days ago) @ Abdus_salam

Hello

I have done it for your Auge its Completely done except the tow lines in the top (time format line 26 & 27)

Thank you.

i use the {rtl}dir but the text box and side bar still steady did not change there direction

you can check how it looks in the test website>> test Arabic_عربي in MyLittleForum

Oh, that looks horrible because of our left-to-right centristic and mainly nearly 20 years old design. I identified at least five main issues with one page visit on the main page in the context of left to right versus right to left written languages. I have to describe them detailed in issues on Github.

here is the Arabic TEXT file: Arabic_عربي

I downloaded it. Thank you for providing the translation. I'll put it into the repository, credited to you.

Reminder: I'll separate this and the following postings into a new thread in a few days.

Tschö, Auge

--
Trenne niemals Müll, denn er hat nur eine Silbe!

Avatar

Displaying the forum in languages written from right to left

by Auge ⌂, (131 days ago) @ Abdus_salam

Hello

As first a few explanations.

- UI: user interface, the forum controls and elements
- ltr: left to right writing direction
- rtl: right to left writing direction

When Abdul Salam provided the arabic translation he also showed a testing installation in arabic language. The presentation of the forum in the Arabic language, which is written from right to left, was horrible to say the least.

[image]

An example from the project forum: as one can see, the sidebar partially overlaps the thread tree.

---

[image]

A thread tree of postings in a left to right written language in a forum with a UI in a left to right written language.

---

[image]

The same thread tree of postings in a left to right written language in a forum with a UI in a right to left written language.

The indentation of a thread tree does not work. Additionally the order of the elements of an entry (subject, author, optional marking of registered users, time and function icons) does also not work as intended. Please also note the dotted line on the left-hand side and – in addition to the position – the direction of the angled arrows.

---

[image]

This is the page header of the project forum. It looks surprisingly good but also here are some (smaller) issues. The structure of the operating elements should (not only here) be mirror-inverted to that in languages written from left to right. Also the position of icons for links should be mirror-inverted and margins and paddings should follow the writing direction. However, all this is not the case in the current forum version.

---

I began to solve many of the issues. As mentioned elsewhere, it is possible to replace direction-based subfeatures of margin, padding, border and positioning (top, right, bottom and left) with so called logical properties. And so I started.

---

[image]

This is the page header of a testing forum, directed to use right to left writing direction for the UI. Its version is 20240729.1, not any 2.4.x version, as the forum name claims. The position of the elements is mirrored. Margins and paddings use logical properties where necessary. Icons moved to the starting position of a link text. This works in both writing directions out of the box. Additionally I had to mirror the images of a few icons (as you can see from the mirrored arrow on the right-hand side).

---

[image]

After replacing direction-based margins and paddings with their logical counterparts and replacing a few more icons with their mirrored counterparts, the thread tree looks far more better.

At this point I found additional issues with automatisms of the browsers. As mentioned before, the order of the elements of an entry in the thread tree is not displayed as intended, if the displayed elements are mixed from right-to-left and left-to-right written languages (this is no issue in case of the UI and the content using the same writing direction).

The browsers recognise the writing direction of the individual text sections and apply the relevant rules. After some experiments I learned the following. If all elements are from one writing direction and it's the same writing direction as the UI, the order is correct: This is subject - name, optional registered marking, time, function icons or mirror-inverted for rtl-languages.

If I add the attribute dir="ltr" to a subject, written in a ltr-language, in a forum, that is generally using dir="rtl", the CSS-rules for writing-direction-aware padding are moving the subject into the wrong direction (over the icon in front). Furthermore the authors name stays in the wrong position. After removing the attribute and adding it to the element with the authors name in it, the order of the elements is correct.

---

[image]

Screenshot of the same thread tree with attribute dir="ltr" applied to the elements for the authors names in a ltr-written language (don't ask me why the (R) is on the wrong side of the authors name in the first line). Nice, with a but. It's done here manually by changing the HTML-structure in the browsers site inspector. An automatism does not exist and it is questionable, if it is worth the effort for such an edge case.

It is also questionable whether forum users can be required to indicate the direction in which their own username is written. Many would probably not enter it in their user data and unregistered posters would not even be able to do so. Automatically recognising the spelling direction from the alphabet used for the user name also has its limits with writing systems that are not widely used and therefore cannot be taken into account in a possible automatism.

Again: In a forum with content in languages, written in one writing direction with a UI, using the same writing direction, such hypothetical tweaks are unnecessary.

At the end: when ready, the forum will be far more better usable in languages, written from right to left.

Tschö, Auge

--
Trenne niemals Müll, denn er hat nur eine Silbe!

RSS Feed of thread