View Issue Details

This bug affects 1 person(s).
 38
IDProjectCategoryView StatusLast Update
11308Bug reportsTranslationpublic2016-06-14 16:13
ReporterDrs3ltsam Assigned Toc_schmitz  
PrioritynoneSeveritypartial_block 
Status closedResolutionfixed 
Product Version2.50.x 
Fixed in Version2.50.x 
Summary11308: Display problems with RTL languages (arabic, persian)
Description

I'm currently facing some problems with a survey in several languages. The languages I use are both LTR (German, English) and RTL (Arabic, Persian, Pastho).
The problem is, that both in the mobile and in the PC version, the questionnaire has multiple handling problems:

  • Radio buttons are over the text
  • Responders can only enter european numbers (not arabic)
  • The text for "Other:" is to the left of the field
  • For dates, the months have a linebreak in them, which makes if difficult to fill out
  • the ":Language" field is also to the left of the language choice

Additionally and most critically, in the mobile version, the questionnare is to the far right of the screen. You first have to scroll a lot in order to be able to answer it (when you want to enter a number in a field you are back to the beginning far left). This way I fear that no one will answer the survey.

I attached screenshots for all of the problems and part of the survey. I would be great if you could help here.

Steps To Reproduce
  • open a new survey (in english)
  • add language arabic (or persian)
  • add question type: "list" (radio), and add option other
  • add question type: "date/time" (format mm/yyyy)
  • add question type: "numerical input"
  • copy some arabic text into the questions

Then test in on the PC and mobile. The problem with the scrolling happens only on the second page after you switched to arabic/persian.

Additional Information

(Can't upload the screenshots, will see how to do this after posting)

TagsNo tags attached.
Attached Files
Test_short.lss (397,313 bytes)
Bug heat38
Complete LimeSurvey version number (& build)version 2.50+ (build 160512)
I will donate to the project if issue is resolvedNo
Browsermobile chrome, PC firefox
Database type & versionMySQL 5.5.49-0 (Debian)
Server OS (if known)SLES 11 SP4
Webserver software & version (if known)Apache/2.2.12 (Linux/SUSE)
PHP Version5.3.17

Relationships

has duplicate 11329 closedollehar Arabic Lanuage - Radio Buttons and multiple choice check boxes are not displayed properly 
has duplicate 11316 closedc_schmitz Responsive Design on mobile - window far to the left when using RTL language 
has duplicate 11368 closedc_schmitz RTL radio button is overlapping the text 
child of 10901 closedollehar I cant open a survey in RTL Language 

Users monitoring this issue

aldzion

Activities

c_schmitz

c_schmitz

2016-06-01 20:57

administrator   ~39066

Several of these issues have been resolved in the latest build. PLease update and let us know if you still have issues.

Drs3ltsam

Drs3ltsam

2016-06-03 12:22

reporter   ~39146

So, we updated the latest build from yesterday. Unfortunately the problems are all exactly the same as before.

ollehar

ollehar

2016-06-03 14:07

administrator   ~39162

Are you using a custom template, or the system default?

Drs3ltsam

Drs3ltsam

2016-06-03 14:09

reporter   ~39164

System default (see the screen shots above).

ollehar

ollehar

2016-06-03 14:24

administrator   ~39166

Are you testing on a physical phone or a simulation? Is the problem resolved if you reload the page?

Drs3ltsam

Drs3ltsam

2016-06-03 14:32

reporter   ~39169

I'm testing it on a physical phone, both android and iOS have the problems. Starting the survey again does not solve the problem. Reloading during the survey is not possible.

ollehar

ollehar

2016-06-03 14:42

administrator   ~39170

What's the exact screen size of your phone (in pixels)?

Drs3ltsam

Drs3ltsam

2016-06-03 14:49

reporter   ~39192

We tried it just now on two phones:
Motorola Moto G, 4.5" and 720x1280 pixel and
Iphone 6s; 4.7" 1334x750pixel

c_schmitz

c_schmitz

2016-06-03 15:52

administrator   ~39211

We cannot reproduce here, not even on mobile (Samsung S5 Neo)

It looks to me like the old CSS is cache on your phone, so also try clearing the browser cache.

If that does not help, try to set up a clean LimeSurvey version (we released a new version, today), import the survey you attached, then start the survey on your smartphone and see if you still have problems.

Drs3ltsam

Drs3ltsam

2016-06-03 16:04

reporter   ~39213

Weird. Today, we will not be able to uplaod the new version anymore. We will try to set up a new installation and get back to you beginning next week.

c_schmitz

c_schmitz

2016-06-09 13:49

administrator   ~39352

Any news?

aldzion

aldzion

2016-06-09 17:53

reporter   ~39384

Last edited: 2016-06-09 17:54

sorry for chrossposting from the other Bug and taking some time to respond. The Person responsible for this Bug-Report went on Holiday and I am talking over while he is away-

Unfortunately the problems are still not solved. Even after updating to the lastest build 160606.

The left allignment of the initial screen on the mobile Webpage - while the content is right aligned - can be mitigated by putting all the questions on one page.
However, multiple choice questions and matrices are still not correctly displayed, with the boxes covering the text.
It was tried on multiple machines, with multiple OS and even on a fresh VM without any cookies or cached .css files.

aldzion

aldzion

2016-06-09 19:13

reporter   ~39387

Last edited: 2016-06-09 19:16

I tried to find whether the error could be with our server and used a fresh vagrant box of a Ubuntu 14.04.4 LTS (GNU/Linux 3.13.0-87-generic x86_64) and only put lime survey on the system. still the issue exists on my system, when viewing the questionnaire

running OSX 10.11.5 (15F34)
Safari: Version 9.1.1 (11601.6.17)
Chrome: 51.0.2704.84 (64-bit)

Could the problem be associated with importing a survey instead of creating a new one?

As far as it seems, the XML code contains position parameters for only the start page. i.e.:

<p dir="rtl" style="text-align:justify;">
إن الأسئلة في استبياننا لا تحتوي على إجابة "خاطئة" و أخرى " صحيحة"  . نرجو منكم أن تجيبوا على كل الأسئلة بمنتهى الصدق و الصراحة و على قدر معرفتكم.< /p >

is taken directly from the XML file for the first page, where the placement seems fine.
In the Question section I assume, the "dir" is set in the css for each language? Could it be possible, that the css file (or wherever the positioning parameters are allocated) is not loaded after the first question page or is overwritten by the basic LTR css?

If it helps and you guarantee that the file is only used for bug-solving purposes, I could potentially send you the .lss file for replication purposes.

aldzion

aldzion

2016-06-10 09:37

reporter   ~39390

After having a look at the finer details of the problem:
a) The RTL css files are not loaded in arabic (and possibly any other RTL language). Unfortunately I can not quickly find out, where you define the loading of the css files, but it seems that the mechanism, which identifies whether the RTL or the base css files should be loaded does not work properly.

a) The long vertical scrollbar is inherited from
.no-more-tables thead tr {
position: absolute;
top: -9999px;
left: -9999px;
in the template.css

This is due to the fact, that the template-rtl.css is not loaded, where the long space is positioned to the right.

b) The Checkboxes are defined in the awesome-bootstrap-checkbox.css and awesome-bootstrap-checkbox-rtl.css. Unfortunately the rtl.css is not loaded either. This is probably the case for ALL rtl css files. (see above)

Could you please check the mechanism, where you define whether the rtl or the base css templates are loaded on each page of the survey?

aldzion

aldzion

2016-06-13 13:06

reporter   ~39511

Last edited: 2016-06-13 14:51

Any news ?

//Edit: saw the report on the other issue in Hebrew (11368) - this is basically the same problem.
The RTL css files are not loaded - even after the update. Both in Chrome and in Safari.

c_schmitz

c_schmitz

2016-06-13 22:38

administrator   ~39532

Fix committed to master branch: http://bugs.limesurvey.org/plugin.php?page=Source/view&amp;id=19429

c_schmitz

c_schmitz

2016-06-13 22:52

administrator   ~39533

RTL CSS files were not properly loaded when debug mode was off,

c_schmitz

c_schmitz

2016-06-14 16:13

administrator   ~39553

Version 2.50 Build 160614 release

Related Changesets

LimeSurvey: master 2b72e717

2016-06-13 20:38:26

c_schmitz

Details Diff
Fixed issue 11308: CSS files for surveys using RTL are not properly loaded Affected Issues
11308
mod - application/models/TemplateConfiguration.php Diff File

Issue History

Date Modified Username Field Change
2016-05-31 15:55 Drs3ltsam New Issue
2016-05-31 15:55 Drs3ltsam Status new => assigned
2016-05-31 15:55 Drs3ltsam Assigned To => c_schmitz
2016-05-31 15:55 Drs3ltsam File Added: Test_short.lss
2016-05-31 15:55 Drs3ltsam File Added: Screenshot_2016-05-31-10-43-27.png
2016-05-31 15:56 Drs3ltsam File Added: Screenshot_2016-05-31-10-43-43.png
2016-06-01 20:57 c_schmitz Note Added: 39066
2016-06-01 20:57 c_schmitz Status assigned => feedback
2016-06-03 10:21 c_schmitz Status feedback => assigned
2016-06-03 10:21 c_schmitz Assigned To c_schmitz => ollehar
2016-06-03 10:22 c_schmitz Sticky Issue No => Yes
2016-06-03 12:22 Drs3ltsam Note Added: 39146
2016-06-03 14:07 ollehar Note Added: 39162
2016-06-03 14:09 Drs3ltsam Note Added: 39164
2016-06-03 14:24 ollehar Note Added: 39166
2016-06-03 14:32 Drs3ltsam Note Added: 39169
2016-06-03 14:42 ollehar Note Added: 39170
2016-06-03 14:49 Drs3ltsam Note Added: 39192
2016-06-03 15:52 c_schmitz Note Added: 39211
2016-06-03 15:52 c_schmitz Status assigned => feedback
2016-06-03 15:52 c_schmitz Sticky Issue Yes => No
2016-06-03 15:54 c_schmitz Relationship added has duplicate 11329
2016-06-03 15:54 c_schmitz Relationship added has duplicate 11316
2016-06-03 16:04 Drs3ltsam Note Added: 39213
2016-06-03 16:04 Drs3ltsam Status feedback => assigned
2016-06-09 13:49 c_schmitz Note Added: 39352
2016-06-09 13:49 c_schmitz Assigned To ollehar => c_schmitz
2016-06-09 13:49 c_schmitz Status assigned => feedback
2016-06-09 17:53 aldzion Note Added: 39384
2016-06-09 17:54 aldzion Note Edited: 39384
2016-06-09 18:00 aldzion Issue Monitored: aldzion
2016-06-09 19:13 aldzion Note Added: 39387
2016-06-09 19:14 aldzion Note Edited: 39387
2016-06-09 19:15 aldzion Note Edited: 39387
2016-06-09 19:16 aldzion Note Edited: 39387
2016-06-09 19:16 aldzion Note Edited: 39387
2016-06-10 09:37 aldzion Note Added: 39390
2016-06-13 13:06 aldzion Note Added: 39511
2016-06-13 13:49 aldzion Note Edited: 39511
2016-06-13 13:50 aldzion Note Edited: 39511
2016-06-13 14:51 aldzion Note Edited: 39511
2016-06-13 22:38 c_schmitz Changeset attached => LimeSurvey master 2b72e717
2016-06-13 22:38 c_schmitz Note Added: 39532
2016-06-13 22:38 c_schmitz Resolution open => fixed
2016-06-13 22:52 c_schmitz Note Added: 39533
2016-06-13 22:52 c_schmitz Status feedback => resolved
2016-06-13 22:52 c_schmitz Fixed in Version => 2.5
2016-06-13 22:55 c_schmitz Relationship added child of 10901
2016-06-13 23:06 c_schmitz Relationship added has duplicate 11368
2016-06-14 16:13 c_schmitz Note Added: 39553
2016-06-14 16:13 c_schmitz Status resolved => closed
2021-08-02 17:20 guest Bug heat 30 => 38