Welcome to the LimeSurvey Community Forum

Ask the community, share ideas, and connect with other LimeSurvey users!

Array type question, answer stacks on ipad

  • niwong
  • niwong's Avatar Topic Author
  • Offline
  • New Member
  • New Member
More
5 years 2 months 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.
The topic has been locked.
More
5 years 2 months 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
The topic has been locked.
  • DenisChenu
  • DenisChenu's Avatar
  • Offline
  • LimeSurvey Community Team
  • LimeSurvey Community Team
More
5 years 2 months ago #180111 by DenisChenu
Replied by DenisChenu on topic Array type question, answer stacks on ipad

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 , plugin development .
I don't answer to private message.
The topic has been locked.
  • niwong
  • niwong's Avatar Topic Author
  • Offline
  • New Member
  • New Member
More
5 years 2 months ago #180126 by niwong
Replied by niwong on topic Array type question, answer stacks on ipad
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.
The topic has been locked.
  • niwong
  • niwong's Avatar Topic Author
  • Offline
  • New Member
  • New Member
More
5 years 2 months ago #180127 by niwong
Replied by niwong on topic Array type question, answer stacks on ipad
What do I need to modify in the theme?
The topic has been locked.
  • DenisChenu
  • DenisChenu's Avatar
  • Offline
  • LimeSurvey Community Team
  • LimeSurvey Community Team
More
5 years 2 months ago #180129 by DenisChenu
Replied by DenisChenu on topic Array type question, answer stacks on ipad
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 , plugin development .
I don't answer to private message.
The topic has been locked.
  • niwong
  • niwong's Avatar Topic Author
  • Offline
  • New Member
  • New Member
More
5 years 2 months ago #180131 by niwong
Replied by niwong on topic Array type question, answer stacks on ipad
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?
The topic has been locked.
  • DenisChenu
  • DenisChenu's Avatar
  • Offline
  • LimeSurvey Community Team
  • LimeSurvey Community Team
More
5 years 2 months ago #180150 by DenisChenu
Replied by DenisChenu on topic Array type question, answer stacks on ipad
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 , plugin development .
I don't answer to private message.
The topic has been locked.

Lime-years ahead

Online-surveys for every purse and purpose