View Issue Details

This bug affects 1 person(s).
 4
IDProjectCategoryView StatusLast Update
10817Bug reportsSurvey takingpublic2016-04-01 11:36
Reportertpartner Assigned Toollehar  
PrioritynoneSeveritypartial_block 
Status closedResolutionfixed 
Product Version2.50.x 
Target Version2.50.xFixed in Version2.50.x 
Summary10817: Testing 2.50 default template on mobile devices
Description

Various display issues on mobile devices.

Steps To Reproduce

N/A

Additional Information

Olle, please find below a list of issues I found when testing the "Sample LimeSurvey for 1.92+" survey with a phone and an iPad.

Devices:

  • Phone (Samsung S7) - web resolution 360x640 px - Chrome
  • iPad (Mini V2) - web resolution 768x1024 px - Safari

Each item lists the question type, device, corresponding screenshot, issue.

1) Progress bar - phone - progress_bar_1.png - The progress value is placed at the top of the bar, in my opinion it should be centered vertically. (something like line-height: 20px;)

WON'T FIX (I think this was caused by a regression and should be fixed already.) 2) Multiple Choice - phone - multi_choice_1.png - On iPad, the labels are too close to the control elements.

FIXED 3) Numeric - phone - numeric_1.png - I find that there is excessive white-space between the question text and help element. (caused by the .glyphicon-help element being displayed inline-block)

FIXED 4) Array Numbers - phone - array_numbers_1.png - The sub-question text is not full-width and appears to be aligned center. (there is an inline style width: 20%; on the .answertext element)

FIXED 5) Array Numbers - phone - array_numbers_1.png - The answer text is not shown, instead the sub-question text is repeated over every select element.

FIXED BY GIVING SELECT FULL SIZE 6) Array Numbers - phone - array_numbers_2.png - The select elements are sized inconsistently. (probably fixed by forcing the .answertext element above to 100% and giving them a relative size)

FIXED 7) Array Texts - phone - array_texts_1.png - The sub-question text is centered whereas all other arrays are aligned left.

FIXED 8) Array By Column - phone - array_by_column_1.png - The sub-question text is indented relative to the other arrays. (the .answertext element has a padding of 8px, whereas the other arrays have 5px)

WON'T FIX 9) Date - phone and iPad - no screenshot - The device keyboard pops up when opening the date picker

FIXED 10) File Upload - phone - file_upload_1.png - No "Close" control for the pop-up.

FIXED 11) File Upload - phone - file_upload_1.png - Not enough padding around the upload instructions.

FIXED 12) File Upload - phone - file_upload_2.png - Not enough padding around the success message.

FIXED 13) Multiple Numeric Sliders - iPad - sliders_1.png - The sliders are displayed side-by-side. I would have thought the .question-item elements would be given a width of 100% allowing for much wider (and therefor more controllable) sliders.

FIXED 14) Multiple Numeric Sliders - iPad - sliders_1.png - The "Reset" button lies on top of the slider.

FIXED 15) Multiple Numeric Sliders - iPad - sliders_1.png - Slider min and max are not shown.

FIXED 16) Multiple Numeric Sliders - iPad - sliders_2.png - The left and right text are not shown correctly.

TagsNo tags attached.
Attached Files
multi_choice_1.png (112,028 bytes)
progress_bar_1.png (90,786 bytes)   
progress_bar_1.png (90,786 bytes)   
numeric_1.png (48,887 bytes)   
numeric_1.png (48,887 bytes)   
array_numbers_1.png (59,364 bytes)   
array_numbers_1.png (59,364 bytes)   
array_numbers_2.png (46,224 bytes)   
array_numbers_2.png (46,224 bytes)   
array_texts_1.png (49,854 bytes)   
array_texts_1.png (49,854 bytes)   
array_by_column_1.png (62,314 bytes)   
array_by_column_1.png (62,314 bytes)   
file_upload_1.png (37,663 bytes)   
file_upload_1.png (37,663 bytes)   
file_upload_2.png (79,681 bytes)   
file_upload_2.png (79,681 bytes)   
sliders_1.png (90,664 bytes)   
sliders_1.png (90,664 bytes)   
sliders_2.png (86,462 bytes)   
sliders_2.png (86,462 bytes)   
Bug heat4
Complete LimeSurvey version number (& build)317f3d0
I will donate to the project if issue is resolvedNo
BrowserChrome & Safari
Database type & versionN/A
Server OS (if known)N/A
Webserver software & version (if known)N/A
PHP VersionN/A

Users monitoring this issue

There are no users monitoring this issue.

Activities

ollehar

ollehar

2016-03-24 12:07

administrator   ~36776

Great, thanks for your extensive testing!

ollehar

ollehar

2016-03-24 15:15

administrator   ~36786

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

ollehar

ollehar

2016-03-24 17:37

administrator   ~36797

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

ollehar

ollehar

2016-03-24 18:11

administrator   ~36798

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

ollehar

ollehar

2016-03-29 11:35

administrator   ~36817

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

ollehar

ollehar

2016-03-29 11:47

administrator   ~36818

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

ollehar

ollehar

2016-03-29 13:00

administrator   ~36819

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

ollehar

ollehar

2016-03-29 15:08

administrator   ~36823

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

ollehar

ollehar

2016-03-29 17:48

administrator   ~36824

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

ollehar

ollehar

2016-03-29 17:59

administrator   ~36825

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

ollehar

ollehar

2016-03-30 11:27

administrator   ~36829

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

ollehar

ollehar

2016-03-30 11:28

administrator   ~36830

OK, everything done, I think. If you have time, it would be great if you could check and confirm.

c_schmitz

c_schmitz

2016-04-01 11:36

administrator   ~36884

Version 2.50+ Build 160401 released

Related Changesets

LimeSurvey: master 6112f197

2016-03-24 12:44:19

ollehar

Details Diff
Fixed issue 10817: Testing 2.50 default template on mobile devices

Remove help-icon, because it induces white-space even if there is no help.
Affected Issues
10817
mod - templates/default/views/question.pstpl Diff File

LimeSurvey: master f16021c6

2016-03-24 16:36:37

ollehar

Details Diff
Fixed issue 10817: Testing 2.50 default template on mobile devices

Correct labels for array numbers (multi flexi) on phone screen
Affected Issues
10817
mod - application/helpers/qanda_helper.php Diff File

LimeSurvey: master 0f7a7888

2016-03-24 17:10:18

ollehar

Details Diff
Fixed issue 10817: Testing 2.50 default template on mobile devices

Width for labels in array-numbers (multi-flexi) should follow Bootstrap
column system if value is given.
Affected Issues
10817
mod - application/helpers/qanda_helper.php Diff File
mod - templates/default/css/template.css Diff File

LimeSurvey: master 9429dc44

2016-03-29 09:16:06

ollehar

Details Diff
Fixed issue 10817: Testing 2.50 default template on mobile devices

Align array-by-column question header with radio buttons on small
screens.
Affected Issues
10817
mod - templates/default/css/template.css Diff File

LimeSurvey: master fc9bb47b

2016-03-29 09:34:21

ollehar

Details Diff
Fixed issue 10817: Testing 2.50 default template on mobile devices

Padding in file-upload pop-up.
Affected Issues
10817
mod - styles-public/uploader.css Diff File

LimeSurvey: master 73826ff1

2016-03-29 09:45:54

ollehar

Details Diff
Fixed issue 10817: Testing 2.50 default template on mobile devices

Make file-upload pop-up above navbar, to show close icon.
Affected Issues
10817
mod - templates/default/css/template.css Diff File

LimeSurvey: master 50a82e80

2016-03-29 10:38:47

ollehar

Details Diff
Fixed issur 10817: Testing 2.50 default template on mobile devices

Slider styling.
Affected Issues
10817
mod - application/helpers/common_helper.php Diff File
mod - application/views/survey/questions/multiplenumeric/item.php Diff File
mod - templates/default/css/template.css Diff File

LimeSurvey: master eab5e4f3

2016-03-29 13:06:21

ollehar

Details Diff
Fixed issue 10817: Testing 2.50 default template on mobile devices

Enable show/hide slider min/max.
Affected Issues
10817
mod - application/helpers/qanda_helper.php Diff File
mod - application/views/survey/questions/multiplenumeric/item.php Diff File

LimeSurvey: master 509e87a0

2016-03-29 15:46:56

ollehar

Details Diff
Fixed issue 10817: Testing 2.50 default template on mobile devices

Show left and right text for slider.
Affected Issues
10817
mod - application/views/survey/questions/multiplenumeric/item.php Diff File
mod - templates/default/css/template.css Diff File

LimeSurvey: master d0e63ee0

2016-03-29 15:59:26

ollehar

Details Diff
Fixed issue 10817: Testing 2.50 default template on mobile devices

Adapt slider left and right text to phone screen.
Affected Issues
10817
mod - application/views/survey/questions/multiplenumeric/item.php Diff File
mod - templates/default/css/template.css Diff File

LimeSurvey: master fce699c5

2016-03-30 09:24:41

ollehar

Details Diff
Fixed issue 10817: Testing 2.50 default template on mobile devices

Better style for slider left and right text.
Affected Issues
10817
mod - application/views/survey/questions/multiplenumeric/item.php Diff File
mod - templates/default/css/template.css Diff File

Issue History

Date Modified Username Field Change
2016-03-23 20:57 tpartner New Issue
2016-03-23 20:57 tpartner Status new => assigned
2016-03-23 20:57 tpartner Assigned To => ollehar
2016-03-23 20:57 tpartner File Added: multi_choice_1.png
2016-03-23 20:58 tpartner File Added: progress_bar_1.png
2016-03-23 20:58 tpartner File Added: numeric_1.png
2016-03-23 20:59 tpartner File Added: array_numbers_1.png
2016-03-23 20:59 tpartner File Added: array_numbers_2.png
2016-03-23 21:00 tpartner File Added: array_texts_1.png
2016-03-23 21:00 tpartner File Added: array_by_column_1.png
2016-03-23 21:01 tpartner File Added: file_upload_1.png
2016-03-23 21:01 tpartner File Added: file_upload_2.png
2016-03-23 21:01 tpartner File Added: sliders_1.png
2016-03-23 21:02 tpartner File Added: sliders_2.png
2016-03-24 12:07 ollehar Note Added: 36776
2016-03-24 13:46 ollehar Additional Information Updated
2016-03-24 13:47 ollehar Additional Information Updated
2016-03-24 15:15 ollehar Changeset attached => LimeSurvey master 6112f197
2016-03-24 15:15 ollehar Note Added: 36786
2016-03-24 15:15 ollehar Resolution open => fixed
2016-03-24 16:36 ollehar Additional Information Updated
2016-03-24 17:37 ollehar Changeset attached => LimeSurvey master f16021c6
2016-03-24 17:37 ollehar Note Added: 36797
2016-03-24 17:38 ollehar Additional Information Updated
2016-03-24 18:11 ollehar Changeset attached => LimeSurvey master 0f7a7888
2016-03-24 18:11 ollehar Note Added: 36798
2016-03-24 18:11 ollehar Additional Information Updated
2016-03-29 10:49 ollehar Additional Information Updated
2016-03-29 10:57 ollehar Additional Information Updated
2016-03-29 11:17 ollehar Additional Information Updated
2016-03-29 11:25 ollehar Additional Information Updated
2016-03-29 11:35 ollehar Changeset attached => LimeSurvey master 9429dc44
2016-03-29 11:35 ollehar Changeset attached => LimeSurvey master fc9bb47b
2016-03-29 11:35 ollehar Note Added: 36817
2016-03-29 11:47 ollehar Changeset attached => LimeSurvey master 73826ff1
2016-03-29 11:47 ollehar Note Added: 36818
2016-03-29 11:47 ollehar Additional Information Updated
2016-03-29 12:39 ollehar Additional Information Updated
2016-03-29 13:00 ollehar Changeset attached => LimeSurvey master 50a82e80
2016-03-29 13:00 ollehar Note Added: 36819
2016-03-29 15:08 ollehar Changeset attached => LimeSurvey master eab5e4f3
2016-03-29 15:08 ollehar Note Added: 36823
2016-03-29 15:10 ollehar Additional Information Updated
2016-03-29 17:48 ollehar Changeset attached => LimeSurvey master 509e87a0
2016-03-29 17:48 ollehar Note Added: 36824
2016-03-29 17:59 ollehar Changeset attached => LimeSurvey master d0e63ee0
2016-03-29 17:59 ollehar Note Added: 36825
2016-03-30 11:27 ollehar Changeset attached => LimeSurvey master fce699c5
2016-03-30 11:27 ollehar Note Added: 36829
2016-03-30 11:27 ollehar Additional Information Updated
2016-03-30 11:28 ollehar Note Added: 36830
2016-03-30 11:28 ollehar Status assigned => resolved
2016-03-30 11:28 ollehar Fixed in Version => 2.5
2016-04-01 11:36 c_schmitz Note Added: 36884
2016-04-01 11:36 c_schmitz Status resolved => closed