Well, this was specially made for more than one column.
As you see here the (alphabetic) order ist horizontally.
If you want to use just one column there is another workaround to have headers.
Like this
And the script
Code:
<script type="text/javascript" charset="utf-8">
$(document).ready(function() {
var SubHeading1="Subquestions 1-3";
var SubHeading2="Subquestions 4-6";
var SubHeading3="Subquestions 7-8";
var thisQuestion = $('#question{QID}');
// Insert sub-headings
$('.question-item:eq(0)', thisQuestion).before('<li class="inserted-sub-heading"><span class="myHeader">'+SubHeading1+'</span></li>');
$('.question-item:eq(3)', thisQuestion).before('<li class="inserted-sub-heading"><span class="myHeader">'+SubHeading2+'</span></li>');
$('.question-item:eq(6)', thisQuestion).before('<li class="inserted-sub-heading"><span class="myHeader">'+SubHeading3+'</span></li>');
});
</script>
and css
Code:
<style type="text/css">.myHeader {
color:maroon;
font-size:120%;
background-color:#F8F8FF;
border:1px solid #ccc;
padding: 1px 5px;
}
.inserted-sub-heading {
margin-bottom:12px;
}
</style>
If you want to use a question of type "multiple with comments" you have to exchange
.question-item to
.checkbox-text-item
Maybe like this:
And you remove the not needed text fields with this script
Code:
<script type="text/javascript" charset="utf-8">
$(document).ready(function() {
$('.checkbox-text-item:eq(0) .comment-item', thisQuestion).remove();
$('.checkbox-text-item:eq(1) .comment-item', thisQuestion).remove();
$('.checkbox-text-item:eq(3) .comment-item', thisQuestion).remove();
$('.checkbox-text-item:eq(4) .comment-item', thisQuestion).remove();
$('.checkbox-text-item:eq(6) .comment-item', thisQuestion).remove();
});
</script>
Adapt to your needs.
Joffm
