View Issue Details

IDProjectCategoryView StatusLast Update
12349Bug reports[All Projects] Data Entry (non public)public2019-11-03 15:54
ReporterDeveloperChris Assigned Tocdorin  
PriorityurgentSeverityminor 
Status assignedResolutionreopened 
Product Version2.64.x 
Target VersionFixed in Version 
Summary12349: RTL languages not dispayed correctly in the admin editor
Description

When editing questions etc using the wysiwyg editor is incorrectly set as LTR

Editors for RTL languages should display in RTL

This can cause layout issues as users incorrectly apply unnecessary text alignment

Steps To Reproduce

Create a dual language survey where the secondary language is Arabic

Create a question and switch to the Arabic tab

Toolbars are displayed LTR
Text is displayed LTR

View source code:
Editor utilises LTR in its styling.

Additional Information

One suggestion may be to switch your admin language to the alternate language. While that works its very clumsy and the alternate problem occurs. In other words the English editor is now displaying in RTL.

TagsNo tags attached.
Complete LimeSurvey version number (& build)Version 2.64.7+170404
I will donate to the project if issue is resolvedNo
BrowserFirefox
Database & DB-VersionNA
Server OS (if known)NA
Webserver software & version (if known)NA
PHP VersionNA

Relationships

related to 15030 closeddominikvitt Css and font issue, Arabic is not displayed properly. 

Activities

ollehar

ollehar

2017-04-28 15:30

administrator   ~43494

Do you know if this is possible, Carsten?

c_schmitz

c_schmitz

2018-02-15 11:53

administrator   ~46505

Sure it is. Correct behaviour should be that the CKEditor RTL orientation should be the one of the survey language, not admin interface language.

ollehar

ollehar

2018-02-15 13:45

administrator   ~46525

Can you please update to the latest version first, 2.73? Thank you. Let me know if the problem persists.

cdorin

cdorin

2019-08-14 14:45

manager   ~53176

I will close it - new bug report with SS reported here 15030

DeveloperChris

DeveloperChris

2019-10-14 05:42

reporter   ~54015

Not sure why this was closed but the issue persists into LimeSurvey Version 3.19.1

I have tested on the demo site.

The linked issue 15030 is about the administration interface when it is set to Arabic. not when the admin interface is English but you are trying to compose Arabic questions.

DeveloperChris

DeveloperChris

2019-10-14 05:45

reporter   ~54016

I have attached some example images from https://demo.limesurvey.org/index.php?r=admin/questions/sa/editquestion/surveyid/344972/gid/92/qid/2562



DeveloperChris

DeveloperChris

2019-10-14 05:48

reporter   ~54017

Sorry made a mistake here is the second image



DeveloperChris

DeveloperChris

2019-10-14 07:18

reporter   ~54018

A workaround for the issue, but it only works for Arabic and would have to be modified for other rtl languages like Hebrew

Create a custom admin theme
Add a custom JavaScript file to the config.xml file in your custom admin theme

    <js>
        <filename>arfix.js</filename>
    </js>

create a js file in the scripts subfolder (may have to create this folder)
in my case I added the file arfix.js

in that file add the following code
jQuery(document).ready(function( $ ) {

  $('a[href="#ar"]').click(function(){
      $("#ar iframe").contents().find("html").attr("dir","rtl");
      $("#ar iframe").contents().find("html").attr("lang","ar");
  });

});

flush the admin theme from the global settings file

Now when an author clicks on the Arabic editor tab the language direction will be changed to RTL

DeveloperChris

DeveloperChris

2019-10-14 07:19

reporter   ~54019

sorry for the bad formatting above it seems the editor here has a few bugs as well...

cdorin

cdorin

2019-11-03 15:54

manager   ~54349

Hey @DeveloperChris,

I will check it again asap. thanks for the heads up!

Issue History

Date Modified Username Field Change
2017-04-27 05:32 DeveloperChris New Issue
2017-04-28 14:57 ollehar Assigned To => ollehar
2017-04-28 14:57 ollehar Status new => assigned
2017-04-28 15:30 ollehar Assigned To ollehar => c_schmitz
2017-04-28 15:30 ollehar Note Added: 43494
2017-05-03 18:00 LouisGac Priority none => urgent
2018-02-15 11:53 c_schmitz Assigned To c_schmitz => ollehar
2018-02-15 11:53 c_schmitz Note Added: 46505
2018-02-15 13:45 ollehar Status assigned => feedback
2018-02-15 13:45 ollehar Note Added: 46525
2019-08-14 14:45 cdorin Assigned To ollehar => cdorin
2019-08-14 14:45 cdorin Status feedback => closed
2019-08-14 14:45 cdorin Resolution open => not fixable
2019-08-14 14:45 cdorin Note Added: 53176
2019-08-14 14:45 cdorin Relationship added related to 15030
2019-10-14 05:42 DeveloperChris Status closed => feedback
2019-10-14 05:42 DeveloperChris Resolution not fixable => reopened
2019-10-14 05:42 DeveloperChris Note Added: 54015
2019-10-14 05:45 DeveloperChris File Added: 2019-10-14 14_12_48-LimeSurvey.png
2019-10-14 05:45 DeveloperChris File Added: 2019-10-14 14_13_43-LimeSurvey.png
2019-10-14 05:45 DeveloperChris Note Added: 54016
2019-10-14 05:45 DeveloperChris Status feedback => assigned
2019-10-14 05:48 DeveloperChris File Deleted: 2019-10-14 14_13_43-LimeSurvey.png
2019-10-14 05:48 DeveloperChris File Added: 2019-10-14 14_13_43-LimeSurvey.png
2019-10-14 05:48 DeveloperChris Note Added: 54017
2019-10-14 07:18 DeveloperChris Note Added: 54018
2019-10-14 07:19 DeveloperChris Note Added: 54019
2019-11-03 15:54 cdorin Note Added: 54349