Array type question, answer stacks on ipad

More
4 months 1 week ago #180096 by niwong
Is there anyway to stop the display of the answer options from displaying vertically for an Array type question on an ipad and make it just display horizontally across the page.

The vertical stacking of the answer options for an Array type question happens because of the ipad’s maximum 1024px screen size width.

Using LS 3.12.3 in IE11/Chrome, on a desk top’s regular sized screen the answer options for an Array type question display horizontally across the page. On a device with the maximum screen width size of 1024px X 768px (an ipad), in Safari, the answer options for an Array type question display vertically one on top of another vs horizontally.
Is there any way to stop the stacking that occurs or to specify it to happen at a different size like 900px.

Please Log in or Create an account to join the conversation.

LimeSurvey Partners
More
4 months 1 week ago #180102 by jelo
Since you use an older version (LS 3.12.3 released June 27, 2018), I recommend to check the newer versions first (e.g. via Demo here on LimeSurvey.org).
There might be some improvements in newer versions of the themes.
If not, you will need to modify a theme on your own. What theme do you use?

The meaning of the word "stable" for users
www.limesurvey.org/forum/development/117...ord-stable-for-users

Please Log in or Create an account to join the conversation.

More
4 months 1 week ago #180111 by DenisChenu

jelo wrote: If not, you will need to modify a theme on your own. What theme do you use?

Yes, currenetly only this solution …

Assistance on LimeSurvey forum and LimeSurvey core development are on my free time.
I'm not a LimeSurvey GmbH member, professional service on demand .
An error happen ? Before make a new topic : remind the Debug mode .

Please Log in or Create an account to join the conversation.

More
4 months 1 week ago #180126 by niwong
I checked out the newer version Demo and it appears to behave in the same manner.
I'm not a student.
I am using the Vanilla theme.
Thanks.

Please Log in or Create an account to join the conversation.

More
4 months 1 week ago #180127 by niwong
What do I need to modify in the theme?

Please Log in or Create an account to join the conversation.

More
4 months 1 week ago #180129 by DenisChenu
Possible way :
- Fork gitlab.com/SondagesPro/SurveyThemes/less-skelvanilla and disable nomoretable
- Make your own variables if needed : gitlab.com/SondagesPro/SurveyThemes/less...variations-variables
- Update default variables and or update generator
- For gitlab.com/SondagesPro/SurveyThemes/skelvanilla
- Replace css files in gitlab.com/SondagesPro/SurveyThemes/skelvanilla/tree/master/css

Take time …

Assistance on LimeSurvey forum and LimeSurvey core development are on my free time.
I'm not a LimeSurvey GmbH member, professional service on demand .
An error happen ? Before make a new topic : remind the Debug mode .

Please Log in or Create an account to join the conversation.

More
4 months 1 week ago #180131 by niwong
I found what I have to change in template-core.css on line 124:
"@media
only screen and (max-width: 760px), (max-device-width: 1024px) and (min-device-width: 768px) {"
How do I change the max-device-width: 1024px to be 1000px?

Please Log in or Create an account to join the conversation.

More
4 months 1 week ago #180150 by DenisChenu
Just put only screen and (max-width: 760px), (max-device-width: 1000px) and (min-device-width: 768px) {"

BUT : this was reverted when youn update limesurevy. It's the reason why i tell you to create a new theme (mine didn't add specific for ipad : i hate specific ;) )

Assistance on LimeSurvey forum and LimeSurvey core development are on my free time.
I'm not a LimeSurvey GmbH member, professional service on demand .
An error happen ? Before make a new topic : remind the Debug mode .

Please Log in or Create an account to join the conversation.

Start now!

Just create your account and start using Limesurvey today.

Register now
Join our Newsletter!