Welcome to the LimeSurvey Community Forum

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

Array, left-align subquestions, LS 5

  • Jmantysalo
  • Jmantysalo's Avatar Topic Author
  • Offline
  • Platinum Member
  • Platinum Member
More
6 months 3 weeks ago - 6 months 3 weeks ago #250885 by Jmantysalo
Array, left-align subquestions, LS 5 was created by Jmantysalo
I was asked to make dropdown array question with subquestion texts aligned to left. As a test I extended the Fruity theme and added

.alignleft { text-align: left !important; }
.alignleft { color: red; !important; }

and put alignleft as additional css class to the question. File is clearly loaded, as texts are red. However they are still right-aligned. So this needs something more, but what? We are using LS 5.
Last edit: 6 months 3 weeks ago by Jmantysalo.

Please Log in to join the conversation.

  • Joffm
  • Joffm's Avatar
  • Offline
  • LimeSurvey Community Team
  • LimeSurvey Community Team
More
6 months 3 weeks ago #250888 by Joffm
Replied by Joffm on topic Array, left-align subquestions, LS 5
Here some styling for arrays
Code:
<style type="text/css">
/* subquestion text left aligned */
.ls-answers tbody .answertext {
text-align: left;
}
/* Headers not "bold", but „normal“ */
.ls-answers .ls-heading th {
font-weight: normal;
}
/* Radio-Buttons (Checkboxes) vertically aligned middle */
.ls-answers td.radio-item,
.ls-answers td.checkbox-item {
vertical-align: middle;
}
</style>

Joffm
 

Volunteers are not paid.
Not because they are worthless, but because they are priceless

Please Log in to join the conversation.

  • Jmantysalo
  • Jmantysalo's Avatar Topic Author
  • Offline
  • Platinum Member
  • Platinum Member
More
6 months 3 weeks ago #250970 by Jmantysalo
Replied by Jmantysalo on topic Array, left-align subquestions, LS 5
OK, but where is this meant to put? On an extended theme to some file? And how to make it available, not forced to everyone to every survey?

Please Log in to join the conversation.

  • Joffm
  • Joffm's Avatar
  • Offline
  • LimeSurvey Community Team
  • LimeSurvey Community Team
More
6 months 3 weeks ago - 6 months 3 weeks ago #250973 by Joffm
Replied by Joffm on topic Array, left-align subquestions, LS 5
As you see (the surrounding <style></style> tags, you may put it into the source code of the question.
Or you put it - without the tags - into the custom.css of your extended theme.

And you may add your own class, that only questions with this css class are affected., like
Code:
/* subquestion text left aligned */
.myClass .ls-answers tbody .answertext {
text-align: left;
}

Volunteers are not paid.
Not because they are worthless, but because they are priceless
Last edit: 6 months 3 weeks ago by Joffm.

Please Log in to join the conversation.

  • Jmantysalo
  • Jmantysalo's Avatar Topic Author
  • Offline
  • Platinum Member
  • Platinum Member
More
6 months 3 weeks ago #250975 by Jmantysalo
Replied by Jmantysalo on topic Array, left-align subquestions, LS 5
Ah, that simple. Thanks!

Please Log in to join the conversation.

Lime-years ahead

Online-surveys for every purse and purpose