RTL (right to left direction)

  • Resolved allamsarraf

    (@allamsarraf)


    3 years, 3 months ago

    Dear Tobias,

    i have an issue with the RTL direction .. i am importing the table using excel .. all is just great and performing well unless inside the same cell there is both English and Arabic writings. it it behaving like always reading from left to write .. i tried to use the css .rtl .tablepress text-align .. its just not doing anything .. perhaps there is something when doing the import since in the excel all is just fine . i attached a screenshot to make it clearer . in the image, number 1 should start from the right since Arabic is right to left.

    https://ibb.co/B4ZyszC

    Thank you

    The page I need help with: [log in to see the link]

Viewing 7 replies - 1 through 7 (of 7 total)
  • Plugin Author Tobias Bäthge

    (@tobiasbg)

    3 years, 3 months ago

    Hi,

    thanks for your post, and sorry for the trouble.

    Having mixed text directions inside a cell will indeed require some extra HTML markup. Can you please post a link to the page with the table where this problem happens, so that I can take a direct look? Thanks! I can then maybe suggest what to add.

    Regards,
    Tobias

    Thread Starter allamsarraf

    (@allamsarraf)

    3 years, 3 months ago

    Hi Tobias ,

    sorry for the late reply, been in two busy days .. unfortunately the site is not live yet, i am just importing the data from excel and the past the shortcode of the table in WP . before i trouble you in here i tired many things by adding some css even by typing inside the table directly with no avail .. thank you for your help .. p.s : i am using tablepress 2.0.4 . Arabic is same as Hebrew ( right to left direction )

    regards,

    Plugin Author Tobias Bäthge

    (@tobiasbg)

    3 years, 3 months ago

    Hi,

    ah, I see. You could try wrapping the text in a special HTML tag, like this:

    Your English text
<span class="text-rtl">Your Arabic text</span>

    Then, add this to the “Custom CSS” textarea on the “Plugin Options” screen of TablePress:

    .tablepress .text-rtl {
  direction: rtl;
  text-align: right;
}

    Regards,
    Tobias

    Thread Starter allamsarraf

    (@allamsarraf)

    3 years, 3 months ago

    Hi,

    thank you for your reply , i tried the css of yours and put the span class inside a cell .. i tried .text-rtl .tablepress {} i changed text-align to middle just nothing has changed as if the .text-rtl isnt being compiled and the table is displayed in default left to right . even i tried specifying the id of the table just nothing changed . is there anything i should do to initialize the class text-rtl ?

    ps: i tried .tablepress { direction:rtl } the whole table was flipped to right to left

    thank you

    Plugin Author Tobias Bäthge

    (@tobiasbg)

    3 years, 3 months ago

    Hi,

    it must be .tablepress .text-rtl { as written above, and NOT .text-rtl .tablepress {! Please try that.

    Otherwise, I will only really be able to help when I can see the page after it is live.

    Regards,
    Tobias

    Thread Starter allamsarraf

    (@allamsarraf)

    3 years, 3 months ago

    hello ,

    yes i tried it first of course.

    i then tried to flip it (maybe) it can work .. with no avail

    when the site is live of course i will reraise the issue .. thats much help anyways thank you a lot

    Regards

    Plugin Author Tobias Bäthge

    (@tobiasbg)

    3 years, 3 months ago

    Hi,

    great! Yes, that will be the best then 🙂

    Best wishes,
    Tobias

Viewing 7 replies - 1 through 7 (of 7 total)

The topic ‘RTL (right to left direction)’ is closed to new replies.