Thanks tpartner
I had found another workaround before, but this works better. I have added it to the source of the question itself, so for the benefit of others the code to do that is (again replacing QQ with the question ID:
<script type="text/javascript" charset="utf-8">
$(document).ready(function() {
$( 'div#questionQQ table.subquestions-list thead td' ).css({ 'display':'none' });
$( 'div#questionQQ table.subquestions-list tbody th' ).css({ 'display':'none' });
});
</script>
This solution does what it says on the tin, but this does mean that the row of response items is left justified and not full width (at least in the limespired template). That might be fine for you, but if, like me, you would prefer them to be full width you can use the following longer code, which I adapted slightly from one of the workarounds in the wiki manual:
<script type="text/javascript" charset="utf-8">
$(document).ready(function() {
// Hide sub questions
$( 'div#questionQQ table.subquestions-list thead td' ).css({ 'display':'none' });
$( 'div#questionQQ table.subquestions-list tbody th' ).css({ 'display':'none' });
// Get rid of all the widths that the API imposes
$( 'div#questionQQ table.question col' ).attr('width', '');
$( 'div#questionQQ table.question thead td' ).attr('width', '');
// Define a width for the question table so we can do so for its children
// NOTE: Original code suggested to keep this to 95% or less so IE will behave.
// It SEEMS to work OK in limespired template at 100%, but check carefully.
$( 'div#questionQQ table.question' ).attr('width', '100%');
// Define the column widths
// Add or remove columns and adjust widths as necessary but widths should add up to 100%
// NOTE: Columns must be sequentially numbered starting at 0 - eg, td:eq(0), td:eq(1), td:eq(2).....
$( 'div#questionQQ table.question tbody td:eq(0)' ).css({ 'width':'20%' }); // First answer column
$( 'div#questionQQ table.question tbody td:eq(1)' ).css({ 'width':'20%' }); // Second answer column
$( 'div#questionQQ table.question tbody td:eq(2)' ).css({ 'width':'20%' }); // Third answer column
$( 'div#questionQQ table.question tbody td:eq(3)' ).css({ 'width':'20%' }); // Fourth answer column
$( 'div#questionQQ table.question tbody td:eq(4)' ).css({ 'width':'20%' }); // Fifth answer column
});
</script>
I hope someone else finds this useful too!
