View Issue Details

This bug affects 1 person(s).
 12
IDProjectCategoryView StatusLast Update
10808Bug reportsSurvey takingpublic2016-06-13 12:27
Reporterceexcerpta Assigned ToLouisGac 
PriorityhighSeverityminor 
Status closedResolutionfixed 
Product Version2.50.x 
Summary10808: Array (5 point choice) Answers dissapear @ less than 800px viewport width
Description

With default responsive template, iPad portrait resolution, answer labels for Array (5 point choice) are not visible, making it impossible for participants to understand which radio is assigned which value. They should be labelled 1-5.

Steps To Reproduce

Create a Array (5 point choice) with default responsive template. Adjust viewport width w/ Chrome responsive view to width <= 800px. Array answer reference row "col-responses thead" will correctly dissapear, but labels will still not be visible.

TagsNo tags attached.
Attached Files
Bug heat12
Complete LimeSurvey version number (& build)160219
I will donate to the project if issue is resolvedNo
BrowserChrome 48
Database type & versionMySQL 5.5.42-37.1
Server OS (if known)cPanel Version 11.52.3 (build 1)
Webserver software & version (if known)Apache 2.2.31
PHP Version5.4.45

Relationships

parent of 11350 closedLouisGac Using EM in answer can broke Array question type 

Users monitoring this issue

There are no users monitoring this issue.

Activities

tpartner

tpartner

2016-03-24 12:12

partner   ~36777

This goes back to my argument that a responsive template should be responsive to screen size on page load and on viewport resize.

LouisGac

LouisGac

2016-03-31 10:15

developer   ~36860

reload the page.

tpartner

tpartner

2016-03-31 11:54

partner   ~36863

You want people to reload the page when they turn their tablet from landscape to portrait?

LouisGac

LouisGac

2016-03-31 11:58

developer   ~36864

hey: I love this argument ;-)

ArneD

ArneD

2016-03-31 17:31

reporter   ~36872

I also have the problem, that the tooltip is empty. When rescale the page ==> reload it ==> rescale the page again ==> tooltip is visible.

LouisGac

LouisGac

2016-03-31 17:45

developer   ~36873

Last edited: 2016-03-31 17:45

I'll add the on resize/change orientation event.
Tony found a good argument, so he just let me no choice ;-)

tpartner

tpartner

2016-03-31 17:49

partner   ~36874

LouisGac +1 :)

DenisChenu

DenisChenu

2016-04-01 08:48

developer   ~36875

In fact : RWD don't need javascript ....

tpartner

tpartner

2016-04-01 11:45

partner   ~36911

@DenisChenu, yes of course, in most cases CSS media queries should do the trick. However, I think in this case (and certainly in others) the labels aren't being rendered at the higher screen widths so there is nothing to apply the CSS to.

DenisChenu

DenisChenu

2016-05-17 14:29

developer   ~38631

Tested:

@media (max-width: 768px) {
.table.question .hide.label-text{
display: block !important;;
}
}

Need some other css maybe (.no-more-table maybe for example)

leanderwp

leanderwp

2016-06-03 09:02

reporter   ~39117

I think a nice solution would be that the core views don't use anything like .hide but use the default bootstrap classes.

I solved this for the array/array question type by using visible-mobile and visible-desktop. Maybe someone can do something with it:
https://www.limesurvey.org/forum/design-issues/104711-ls2-5-responsive-label-goes-missing-on-mobile#137279

DenisChenu

DenisChenu

2016-06-03 09:08

developer   ~39118

There are an issue in bootstrap with "sr-only visible-xs-block" : the sr-only put outscreen, the visible-xs update only display.

LouisGac

LouisGac

2016-06-08 11:16

developer   ~39322

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

c_schmitz

c_schmitz

2016-06-13 12:27

administrator   ~39487

Version 2.50 Build 160613 released

Related Changesets

LimeSurvey: master 13ced702

2016-06-08 09:16:37

LouisGac

Details Diff
Fixed issue 10808: Array (5 point choice) Answers dissapear @ less than 800px viewport width
Dev: now that label are displayed inside a div for all arrays, it has been possible to replace totally the js "prepend logic" by a CSS logic
Affected Issues
10808
mod - application/views/survey/questions/arrays/10point/rows/cells/answer_td_input.php Diff File
mod - application/views/survey/questions/arrays/5point/rows/cells/answer_td_input.php Diff File
mod - application/views/survey/questions/arrays/array/no_dropdown/rows/cells/answer_td.php Diff File
mod - application/views/survey/questions/arrays/column/answer.php Diff File
mod - application/views/survey/questions/arrays/dualscale/answer.php Diff File
mod - application/views/survey/questions/arrays/dualscale/answer_dropdown.php Diff File
mod - application/views/survey/questions/arrays/increasesamedecrease/rows/answer_row.php Diff File
mod - application/views/survey/questions/arrays/multiflexi/rows/cells/answer_td_checkboxes.php Diff File
mod - application/views/survey/questions/arrays/yesnouncertain/rows/answer_row.php Diff File
mod - templates/default/scripts/template.js Diff File
mod - templates/news_paper/scripts/template.js Diff File
mod - templates/ubuntu_orange/scripts/template.js Diff File

Issue History

Date Modified Username Field Change
2016-03-21 17:34 ceexcerpta New Issue
2016-03-21 17:34 ceexcerpta File Added: limesurvey_survey_682638.lss
2016-03-24 12:12 tpartner Note Added: 36777
2016-03-31 10:15 LouisGac Note Added: 36860
2016-03-31 10:16 LouisGac Status new => feedback
2016-03-31 11:54 tpartner Note Added: 36863
2016-03-31 11:58 LouisGac Note Added: 36864
2016-03-31 17:29 ArneD File Added: Bildschirmfoto 2016-03-31 um 17.28.37.png
2016-03-31 17:29 ArneD File Added: Bildschirmfoto 2016-03-31 um 17.24.43.png
2016-03-31 17:31 ArneD Note Added: 36872
2016-03-31 17:45 LouisGac Note Added: 36873
2016-03-31 17:45 LouisGac Note Edited: 36873
2016-03-31 17:49 tpartner Note Added: 36874
2016-04-01 08:48 DenisChenu Note Added: 36875
2016-04-01 11:45 tpartner Note Added: 36911
2016-05-17 14:16 c_schmitz Priority none => high
2016-05-17 14:29 DenisChenu Note Added: 38631
2016-06-03 09:02 leanderwp Note Added: 39117
2016-06-03 09:08 DenisChenu Note Added: 39118
2016-06-03 15:45 LouisGac Category Survey design => Survey taking
2016-06-07 15:29 LouisGac Sticky Issue No => Yes
2016-06-07 18:03 LouisGac Sticky Issue Yes => No
2016-06-08 10:23 LouisGac Relationship added parent of 11350
2016-06-08 10:51 LouisGac Sticky Issue No => Yes
2016-06-08 11:16 LouisGac Changeset attached => LimeSurvey master 13ced702
2016-06-08 11:16 LouisGac Note Added: 39322
2016-06-08 11:16 LouisGac Assigned To => LouisGac
2016-06-08 11:16 LouisGac Resolution open => fixed
2016-06-08 11:17 LouisGac Status feedback => resolved
2016-06-08 12:54 c_schmitz Sticky Issue Yes => No
2016-06-13 12:27 c_schmitz Note Added: 39487
2016-06-13 12:27 c_schmitz Status resolved => closed