Welcome to the LimeSurvey Community Forum

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

Change layout only for 7 cols layout

  • SurveyDennis
  • SurveyDennis's Avatar Topic Author
  • Offline
  • Senior Member
  • Senior Member
More
9 years 1 week ago #118035 by SurveyDennis
Change layout only for 7 cols layout was created by SurveyDennis
Not sure if I am doing this right.
But I would like to change the css for ul ...;
Code:
  ul.radio-list li label
,ul.checkbox-list li label
,ul.radio-list li.other-item label
,ul.checkbox-list li.other-item label
  {
  display:block;
  vertical-align: middle;
  padding:0.8em 30px;
  border:1px solid #CCC;
  cursor:pointer;
  border-width: 1px 1px 0;
  -moz-box-shadow: inset 0 0 0 0 rgba(190, 186, 218,.3);
  -webkit-box-shadow: inset 0 0 0 0 rgba(190, 186, 218,.3);
  box-shadow: inset 0 0 0 0 rgba(190, 186, 218,.3);
  }

... for the cols-7 style.
So I was thinking to add the following extra to the css file.
I know this is not a css forum but somehow I probably define the naming not correct in Limesurvey.

Code:
  cols-7-ul .radio-list cols-7-li label
,cols-7-ul .checkbox-list cols-7-li label
,cols-7-ul .radio-list cols-7-li .other-item label
,cols-7-ul .checkbox-list cols-7-li .other-item label
  {
  display:block;
  vertical-align: middle;
  padding:2px 2px;
  border:1px solid #CCC;
  cursor:pointer;
  border-width: 1px 1px 0;
  -moz-box-shadow: inset 0 0 0 0 rgba(190, 186, 218,.3);
  -webkit-box-shadow: inset 0 0 0 0 rgba(190, 186, 218,.3);
  box-shadow: inset 0 0 0 0 rgba(190, 186, 218,.3);
  }  

Any idea what I should try to get this working?

Be SurveyFriendly too! Fight against boring surveys! www.SurveyFriendly.com
The topic has been locked.
  • SurveyDennis
  • SurveyDennis's Avatar Topic Author
  • Offline
  • Senior Member
  • Senior Member
More
9 years 1 week ago #118047 by SurveyDennis
Replied by SurveyDennis on topic Change layout only for 7 cols layout
I found out how to change it per question;
Code:
,#question27 ul.radio-list li label
,#question27 ul.checkbox-list li label
,#question27 ul.radio-list li.other-item label
,#question27 ul.checkbox-list li.other-item label
,#question28 ul.radio-list li label
,#question28 ul.checkbox-list li label
,#question28 ul.radio-list li.other-item label
,#question28 ul.checkbox-list li.other-item label
  {
  display:block;
  vertical-align: middle;
  text-align: center;
  padding:0.8em 2px;
  border:1px solid #CCC;
  cursor:pointer;
  border-width: 1px 1px 0;
  -moz-box-shadow: inset 0 0 0 0 rgba(190, 186, 218,.3);
  -webkit-box-shadow: inset 0 0 0 0 rgba(190, 186, 218,.3);
  box-shadow: inset 0 0 0 0 rgba(190, 186, 218,.3);
  }  

But because I have so many questions it would be better to change the class instead of the ID.

Be SurveyFriendly too! Fight against boring surveys! www.SurveyFriendly.com
The topic has been locked.
  • DenisChenu
  • DenisChenu's Avatar
  • Offline
  • LimeSurvey Community Team
  • LimeSurvey Community Team
More
9 years 1 week ago #118065 by DenisChenu
Replied by DenisChenu on topic Change layout only for 7 cols layout
Hi,

You can beforeQuestionRender event to set your own class name.

And you can hack the attribute system, for example put "MYCLASS" in display_column attribute. MYCLASS is not an integer between 1 and 8, then LS core don't take it.

Denis

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.
  • SurveyDennis
  • SurveyDennis's Avatar Topic Author
  • Offline
  • Senior Member
  • Senior Member
More
9 years 1 week ago #118068 by SurveyDennis
Replied by SurveyDennis on topic Change layout only for 7 cols layout
Hi Denis,

First of all many thanks for your great Skeleton Template!

I will try your suggestion!

Many thanks

Be SurveyFriendly too! Fight against boring surveys! www.SurveyFriendly.com
The topic has been locked.
  • tpartner
  • tpartner's Avatar
  • Offline
  • LimeSurvey Community Team
  • LimeSurvey Community Team
More
9 years 1 week ago - 9 years 1 week ago #118087 by tpartner
Replied by tpartner on topic Change layout only for 7 cols layout
It seems to me that you are missing periods in your selectors:

Code:
.cols-7-ul li label,
.cols-7-ul li .other-item label {
  display:block;
  vertical-align: middle;
  padding:2px 2px;
  border:1px solid #CCC;
  cursor:pointer;
  border-width: 1px 1px 0;
  -moz-box-shadow: inset 0 0 0 0 rgba(190, 186, 218,.3);
  -webkit-box-shadow: inset 0 0 0 0 rgba(190, 186, 218,.3);
  box-shadow: inset 0 0 0 0 rgba(190, 186, 218,.3);
}

Cheers,
Tony Partner

Solutions, code and workarounds presented in these forums are given without any warranty, implied or otherwise.
Last edit: 9 years 1 week ago by tpartner.
The following user(s) said Thank You: SurveyDennis
The topic has been locked.

Lime-years ahead

Online-surveys for every purse and purpose