No linebreak on mobile

More
7 months 3 weeks ago #216617 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+
 
Attachments:

Please Log in to join the conversation.

More
7 months 3 weeks 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

Please Log in to join the conversation.

More
7 months 3 weeks 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.

<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

Please Log in to join the conversation.

More
7 months 3 weeks 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

Please Log in to join the conversation.

More
7 months 3 weeks 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?

Please Log in to join the conversation.

More
7 months 3 weeks 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

Please Log in to join the conversation.

More
7 months 3 weeks 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

Please Log in to join the conversation.

More
7 months 3 weeks ago #216634 by Mukluff
Replied by Mukluff on topic No linebreak on mobile
Awesome, thank you

Please Log in to join the conversation.

More
7 months 3 weeks ago - 7 months 3 weeks 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: 7 months 3 weeks ago by DenisChenu.

Please Log in to join the conversation.

Start now!

Just create your account and start using Limesurvey today.

Register now