- Posts: 3
- Thank you received: 0
Welcome to the LimeSurvey Community Forum
Ask the community, share ideas, and connect with other LimeSurvey users!
Insert picture to the left of the question
- gfgardner
- Offline
- New Member
Less
More
11 years 10 months ago #80034
by gfgardner
Replied by gfgardner on topic Insert picture to the left of the question
actually (and miraculously) since doing the screenshot which you can see above produced a vertical set, I went and had a cup of coffee, and when I came back it was fine!
many thanks again.
Also for the benefit of complete newbies (and to get it in the forum search results because strangely it does not appear easily), the term boilerplate is used by everyone on this forum - How do I create a boilerplate survey, the answer is that it is actually called a text display question. Hope that helps
many thanks again.
Also for the benefit of complete newbies (and to get it in the forum search results because strangely it does not appear easily), the term boilerplate is used by everyone on this forum - How do I create a boilerplate survey, the answer is that it is actually called a text display question. Hope that helps
The topic has been locked.
- tpartner
- Away
- LimeSurvey Community Team
Less
More
- Posts: 10633
- Thank you received: 3697
11 years 10 months ago #80038
by tpartner
Yes, boilerplate = text display
Cheers,
Tony Partner
Solutions, code and workarounds presented in these forums are given without any warranty, implied or otherwise.
Replied by tpartner on topic Insert picture to the left of the question
Yeah, sorry, that's a legacy from earlier versions.the term boilerplate is used by everyone on this forum
Yes, boilerplate = text display
Cheers,
Tony Partner
Solutions, code and workarounds presented in these forums are given without any warranty, implied or otherwise.
The topic has been locked.
- Mazi
- Offline
- Official LimeSurvey Partner
11 years 10 months ago #80081
by Mazi
Best regards/Beste Grüße,
Dr. Marcel Minke
Need Help? We offer professional Limesurvey support: survey-consulting.com
Contact: marcel.minke(at)survey-consulting.com
Replied by Mazi on topic Insert picture to the left of the question
When editing the template.css file, you always have to clear the browser cache when calling the page again so that the new code is loaded and no cached, outdated file.gfgardner wrote: actually (and miraculously) since doing the screenshot which you can see above produced a vertical set, I went and had a cup of coffee, and when I came back it was fine!
Best regards/Beste Grüße,
Dr. Marcel Minke
Need Help? We offer professional Limesurvey support: survey-consulting.com
Contact: marcel.minke(at)survey-consulting.com
The topic has been locked.
- biba
- Offline
- New Member
Less
More
- Posts: 5
- Thank you received: 0
8 years 4 months ago #128066
by biba
Replied by biba on topic Insert picture to the left of the question
Hi there,
I would really need your help for a similiar problem that have already been described above.
I need a template that display a picture on the left side and on the right side a "matrix" question-type with (with 7 items that have to be rated on a 7-point likert scale). Furthermore i would need a second questions-type (single-choice, list-box) directly under the matrix question.
My solution right now looks like this (see attached pdf). And it looks really terrible!!
It is important that I can change the pictures in the left box because there are a lot of pictures that i need to get rated by the participants.
You need to know that I have no clue about programing or javascript, also I am not very experienced in limesurvey. But at least I know how to copy and change a template. So maybe you can offer me a java-code that I just need to insert.
Is that anyhow possible?
Thank you very very much in advance!!
B.
I would really need your help for a similiar problem that have already been described above.
I need a template that display a picture on the left side and on the right side a "matrix" question-type with (with 7 items that have to be rated on a 7-point likert scale). Furthermore i would need a second questions-type (single-choice, list-box) directly under the matrix question.
My solution right now looks like this (see attached pdf). And it looks really terrible!!
It is important that I can change the pictures in the left box because there are a lot of pictures that i need to get rated by the participants.
You need to know that I have no clue about programing or javascript, also I am not very experienced in limesurvey. But at least I know how to copy and change a template. So maybe you can offer me a java-code that I just need to insert.
Is that anyhow possible?
Thank you very very much in advance!!
B.
The topic has been locked.
- biba
- Offline
- New Member
Less
More
- Posts: 5
- Thank you received: 0
8 years 4 months ago #128067
by biba
Replied by biba on topic Insert picture to the left of the question
Example
Attachments:
The topic has been locked.
- holch
- Away
- LimeSurvey Community Team
Less
More
- Posts: 11757
- Thank you received: 2753
8 years 4 months ago - 8 years 4 months ago #128071
by holch
I answer at the LimeSurvey forum in my spare time, I'm not a LimeSurvey GmbH employee.
No support via private message.
Replied by holch on topic Insert picture to the left of the question
I am just wondering why the image can not be above the matrix question? Inserting an image into the question text is simple and from your example I can't see any advantage of the image being positioned to the left of matrix question.
Sure, it is doable, but as you state that you have "no clue about programing or javascript, also I am not very experienced in limesurvey." I would suggest making things as easy/simple as possible.
Sure, it is doable, but as you state that you have "no clue about programing or javascript, also I am not very experienced in limesurvey." I would suggest making things as easy/simple as possible.
I answer at the LimeSurvey forum in my spare time, I'm not a LimeSurvey GmbH employee.
No support via private message.
Last edit: 8 years 4 months ago by holch.
The topic has been locked.
- biba
- Offline
- New Member
Less
More
- Posts: 5
- Thank you received: 0
8 years 4 months ago #128074
by biba
Replied by biba on topic Insert picture to the left of the question
Thanks a lot for the quick response. The solution you suggest (insert the image above), i have already tried. The main problem is, that the rater can not see the image/face & the questions at the same time. My test-subjects claimed, that they can just see part of the face and have to scroll up and down, what is pretty anoying. Since in the study i need to rate a lot of faces I want to make it as "user friendly" as possible.
So I want to avoid that the reater have to scroll up and down while rating the face. That is why I am asking for a better solution and I think putting the picture/face to the right besind the questions would be prefect.
Can you provide such a solution or any other solution to solve my problem?
Thank you so much!!!
So I want to avoid that the reater have to scroll up and down while rating the face. That is why I am asking for a better solution and I think putting the picture/face to the right besind the questions would be prefect.
Can you provide such a solution or any other solution to solve my problem?
Thank you so much!!!
The topic has been locked.
- tpartner
- Away
- LimeSurvey Community Team
Less
More
- Posts: 10633
- Thank you received: 3697
8 years 4 months ago - 8 years 4 months ago #128080
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 Insert picture to the left of the question
Well, I would start with a copy of a good <div> based template that doesn't waste as much space as the default template - something like citronade. Then you can use JavaScript to add classes to the questions so you can float them left or right.
1) Set up your survey to use JavaScript .
2) Copy the citronade template and add something like this to the end of template.css:
3) Place your image in a text-display type question and add this to the question source:
4) Add this to the question source of the following array and list-dropdown questions:
You end up with something like this where the text-display is floated left and the next two questions are floated right, alongside it.
Here's a working template and sample survey:
1) Set up your survey to use JavaScript .
2) Copy the citronade template and add something like this to the end of template.css:
Code:
/**** Custom Styles ****/ .question-wrapper { clear: both; } .custom-float-left { float: left; width: 33%; clear: left; } .custom-float-right { float: right; width: 66%; clear: right; } .custom-float-left.boilerplate .answers-wrapper, .custom-float-left.boilerplate div.question-help { display: none; } .custom-float-left.boilerplate .question-text img { max-width: 100%; height: auto; }
3) Place your image in a text-display type question and add this to the question source:
Code:
<script type="text/javascript" charset="utf-8"> $(document).ready(function(){ $('#question{QID}').addClass('custom-float-left'); }); </script>
4) Add this to the question source of the following array and list-dropdown questions:
Code:
<script type="text/javascript" charset="utf-8"> $(document).ready(function(){ $('#question{QID}').addClass('custom-float-right'); }); </script>
You end up with something like this where the text-display is floated left and the next two questions are floated right, alongside it.
Here's a working template and sample survey:
Cheers,
Tony Partner
Solutions, code and workarounds presented in these forums are given without any warranty, implied or otherwise.
Attachments:
Last edit: 8 years 4 months ago by tpartner.
The following user(s) said Thank You: biba
The topic has been locked.
- biba
- Offline
- New Member
Less
More
- Posts: 5
- Thank you received: 0
8 years 4 months ago #128143
by biba
Replied by biba on topic Insert picture to the left of the question
Thank you so much!!!
Unfortunately I am not allowed to use JavaScript. I asume there is no other solution.
Anyway I really thank you!
Unfortunately I am not allowed to use JavaScript. I asume there is no other solution.
Anyway I really thank you!
The topic has been locked.
- tpartner
- Away
- LimeSurvey Community Team
Less
More
- Posts: 10633
- Thank you received: 3697
8 years 4 months ago #128159
by tpartner
So, if your IDs are:
- Text-display question - 11111
- Array question - 22222
- Dropdown question - 33333
Something like this:
Cheers,
Tony Partner
Solutions, code and workarounds presented in these forums are given without any warranty, implied or otherwise.
Replied by tpartner on topic Insert picture to the left of the question
Yes, you can use the question IDs in the CSS but it's considerably more painful with a lot of questions.I asume there is no other solution.
So, if your IDs are:
- Text-display question - 11111
- Array question - 22222
- Dropdown question - 33333
Something like this:
Code:
/**** Custom Styles ****/ .question-wrapper { clear: both; } #question11111 { float: left; width: 33%; clear: left; } #question22222, #question33333 { float: right; width: 66%; clear: right; } #question11111 .answers-wrapper, #question11111 div.question-help { display: none; } #question11111 .question-text img { max-width: 100%; height: auto; }
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: biba
The topic has been locked.
- biba
- Offline
- New Member
Less
More
- Posts: 5
- Thank you received: 0
8 years 4 months ago #128232
by biba
Replied by biba on topic Insert picture to the left of the question
It worked out really well! Thank you so much!!!
The topic has been locked.
- Tiger
- Offline
- New Member
Less
More
- Posts: 6
- Thank you received: 0
7 years 6 months ago #141716
by Tiger
Replied by Tiger on topic Insert picture to the left of the question
The topic has been locked.