- Posts: 72
- Thank you received: 10
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
- Topic Author
- Offline
- Senior Member
Less
More
9 years 1 week ago #118035
by SurveyDennis
Be SurveyFriendly too! Fight against boring surveys! www.SurveyFriendly.com
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 ...;
... 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.
Any idea what I should try to get this working?
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
- Topic Author
- Offline
- Senior Member
Less
More
- Posts: 72
- Thank you received: 10
9 years 1 week ago #118047
by SurveyDennis
Be SurveyFriendly too! Fight against boring surveys! www.SurveyFriendly.com
Replied by SurveyDennis on topic Change layout only for 7 cols layout
I found out how to change it per question;
But because I have so many questions it would be better to change the class instead of the ID.
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
- Offline
- LimeSurvey Community Team
Less
More
- Posts: 13907
- Thank you received: 2546
9 years 1 week ago #118065
by DenisChenu
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.
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
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
- Topic Author
- Offline
- Senior Member
Less
More
- Posts: 72
- Thank you received: 10
9 years 1 week ago #118068
by SurveyDennis
Be SurveyFriendly too! Fight against boring surveys! www.SurveyFriendly.com
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
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
- Offline
- LimeSurvey Community Team
Less
More
- Posts: 10611
- Thank you received: 3690
9 years 1 week ago - 9 years 1 week ago #118087
by tpartner
Cheers,
Tony Partner
Solutions, code and workarounds presented in these forums are given without any warranty, implied or otherwise.
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.