Back to limesurvey.org

Welcome to the LimeSurvey Community Forum

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

Change layout only for 7 cols layout

More
10 years 5 months 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.
More
10 years 5 months 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.
More
10 years 5 months 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 support - Plugins, theme and development .
I don't answer to private message.
The topic has been locked.
More
10 years 5 months 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.
More
10 years 5 months ago - 10 years 5 months 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: 10 years 5 months ago by tpartner.
The following user(s) said Thank You: SurveyDennis
The topic has been locked.
Moderators: tpartner, holch

Lime-years ahead

Online-surveys for every purse and purpose

Pricing & Plans
Get started

Legal

About Us

Open Source