- Posts: 3
- Thank you received: 0
Ask the community, share ideas, and connect with other LimeSurvey users!
Yeah, sorry, that's a legacy from earlier versions.the term boilerplate is used by everyone on this forum
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!
/**** 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; }
<script type="text/javascript" charset="utf-8"> $(document).ready(function(){ $('#question{QID}').addClass('custom-float-left'); }); </script>
<script type="text/javascript" charset="utf-8"> $(document).ready(function(){ $('#question{QID}').addClass('custom-float-right'); }); </script>
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.
/**** 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; }