Hi there,

I have a question about the array question with dropdown list

When I use the smart phone to answer the question, it cannot see the options.



is there any can help me to solve this problem?

thanks

Rita

Hi, Rita
Did you modify the template? I am wondering about the rounded edges in the second screenshot.
Or in which browser are dropdowns displayed like this?

Anyway, I could not reproduce. (Android, Google Chrome, 320x640)


Sorry
Joffm

Joffm,


yes, this template has been modify but not too much


plab.nccu.edu.tw/newsurvey/index.php/934332?lang=en


Probably it is somewhere I did not set well, so I could not see the option on the smartphone?


Rita

Well, I think, that when you modified, some media queries were not set well.

Below screen width of 800px the items are not displayed in equal width.


and below 640px furthermore the display of the dropdowns is not changed that they are below the item text.



And what about the "normal" display of the grid. (radio buttons)?


Does this work?

Best regards
Joffm

many thanks, Joffm

this is in the normal array situation when I use the smart phone and the computer



link： plab.nccu.edu.tw/newsurvey/index.php/934332?lang=en

and my template


I remember I have adjusted the answer-container, probably it's the reason why I cannot show the complete dropdown list on the smart phone

Rita

There is more going on here than CSS issues. The drop-downs displayed on phones don't appear to be LimeSurvey elements and contain no options. The LS drop-downs are hidden on phones.

I would start with a recent shipped template and work from there.

It looks like you are applying this workaround which was never intended for drop-down arrays - www.limesurvey.org/manual/Workarounds:_M...s_on_smaller_screens

Comment out line 533 of template.js.

how could to use this in my template?

It cannot be used if the array already contains dropdowns. You cannot have dropdowns in dropdowns.

thanks for kindly help