Is possible to create a dual scale question with the subquestions displayed in between the two header scales instead of on the left? A mock-up of the desired behavior is attached.



Thanks!

Please search the forum and also have a look at manual -> workarounds, I think I saw that once, created by some Javascript coding.

Here is one possible approach that works. I would like a more elegant way of hiding the original answer text, this is a bit hacky.

<script type="text/javascript" charset="utf-8">

$(document).ready(function(){

dualCenter(questionID);

function dualCenter(qID) {
$('#question'+qID+' table.question tbody tr').each(function(i){
$(this).find('td.dual_scale_separator').replaceWith($('<td class=answertext>'+$('th', this).text()+'</td>'));
$('<td class=answertext style=background-color:' + rgb2hex($(this).css('background-color')) + '> </td>').prependTo(this);
$(this).find('th').hide();

});
}

function rgb2hex(rgb) {
rgb = rgb.match(/^rgb\((\d+),\s*(\d+),\s*(\d+)\)$/);
function hex(x) {
return ("0" + parseInt(x).toString(16)).slice(-2);
}
return "#" + hex(rgb[1]) + hex(rgb[2]) + hex(rgb[3]);
}


});

</script>

Thanks for sharing your solution!

Nice DOM manipulation

Try this to hide the original text: