Welcome to the LimeSurvey Community Forum

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

No linebreak on mobile

  • Mukluff
  • Mukluff's Avatar Topic Author
  • Offline
  • New Member
  • New Member
More
2 years 10 months ago #216617 by Mukluff
No linebreak on mobile was created by Mukluff
Is it possible to ignore line breaks, when displaying questions on mobile or tablet?
You can see in the first screenshot "Desktop" I used manual line breaks, so the possible answers are displayed on the same "level".
This creates the problem, that this question is displayed on mobile in an strange way (see Screenshot "Mobile").
I use LimeSurvey Version 3.17.5+
 
The topic has been locked.
More
2 years 10 months ago #216622 by jelo
Replied by jelo on topic No linebreak on mobile
There are ideas for that. Keywords "responsive line breaks".

It might be easier to use WBR to ease the Desktoplook first, allowing to break words.
developer.mozilla.org/en-US/docs/Web/HTML/Element/wbr

The meaning of the word "stable" for users
www.limesurvey.org/forum/development/117...ord-stable-for-users
The topic has been locked.
  • tpartner
  • tpartner's Avatar
  • Offline
  • LimeSurvey Community Team
  • LimeSurvey Community Team
More
2 years 10 months ago #216624 by tpartner
Replied by tpartner on topic No linebreak on mobile
You can use Bootstrap classes to hide the <br /> elements on smaller screens.

Code:
<br class="hidden-xs" />

Cheers,
Tony Partner

Solutions, code and workarounds presented in these forums are given without any warranty, implied or otherwise.
The following user(s) said Thank You: DenisChenu
The topic has been locked.
More
2 years 10 months ago #216625 by jelo
Replied by jelo on topic No linebreak on mobile
Nice; Bootstrap ;-)
Are the default values still this?.visible-xsExtra small (less than 768px) visible.visible-smSmall (up to 768 px) visible.visible-mdMedium (768 px to 991 px) visible.visible-lgLarger (992 px and above) visible.hidden-xsExtra small (less than 768px) hidden.hidden-smSmall (up to 768 px) hidden.hidden-mdMedium (768 px to 991 px) hidden.hidden-lgLarger (992 px and above) hidden

The meaning of the word "stable" for users
www.limesurvey.org/forum/development/117...ord-stable-for-users
The topic has been locked.
  • Mukluff
  • Mukluff's Avatar Topic Author
  • Offline
  • New Member
  • New Member
More
2 years 10 months ago #216626 by Mukluff
Replied by Mukluff on topic No linebreak on mobile
Thank you so much, this was exactly what I was looking for.
Are there any operators to use this on different screen sizes?
The topic has been locked.
More
2 years 10 months ago #216628 by jelo
Replied by jelo on topic No linebreak on mobile

Are there any operators to use this on different screen sizes?

If the default values are still valid, you have:

.hidden-xs
Extra small (less than 768px) hidden

.hidden-sm
Small (up to 768 px) hidden

.hidden-md
Medium (768 px to 991 px) hidden

.hidden-lg
Larger (992 px and above) hidden

 

The meaning of the word "stable" for users
www.limesurvey.org/forum/development/117...ord-stable-for-users
The topic has been locked.
  • tpartner
  • tpartner's Avatar
  • Offline
  • LimeSurvey Community Team
  • LimeSurvey Community Team
More
2 years 10 months ago #216633 by tpartner
Replied by tpartner on topic No linebreak on mobile

Are the default values still this?

As far as I know, the developers have not messed with the Bootstrap grid breakpoints - github.com/LimeSurvey/LimeSurvey/blob/ma.../bootstrap.css#L6767

Cheers,
Tony Partner

Solutions, code and workarounds presented in these forums are given without any warranty, implied or otherwise.
The following user(s) said Thank You: jelo
The topic has been locked.
  • Mukluff
  • Mukluff's Avatar Topic Author
  • Offline
  • New Member
  • New Member
More
2 years 10 months ago #216634 by Mukluff
Replied by Mukluff on topic No linebreak on mobile
Awesome, thank you
The topic has been locked.
  • DenisChenu
  • DenisChenu's Avatar
  • Offline
  • LimeSurvey Community Team
  • LimeSurvey Community Team
More
2 years 10 months ago - 2 years 10 months ago #216655 by DenisChenu
Replied by DenisChenu on topic No linebreak on mobile

Nice; Bootstrap ;-)
Are the default values still this?.

 
Not in SkelVanilla : but no need to care : it use hidden-xs etc ... too.

gitlab.com/SondagesPro/SurveyThemes/less...s/contrast.less#L273

Maybe some boostswatch use different value (didn't think)

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.
Last edit: 2 years 10 months ago by DenisChenu.
The topic has been locked.

Lime-years ahead

Online-surveys for every purse and purpose