To answer your second question first.
Insert this in your question text (source code mode)
Code:
<script type="text/javascript" charset="utf-8">
$(document).on('ready pjax:scriptcomplete',function(){
var thisQuestion = $('#question{QID}');
// Add a question class
thisQuestion.addClass('custom-array');
// Column-specific classes
$('table.subquestion-list tr', thisQuestion).each(function(i) {
$('th, td', this).each(function(i) {
$(this).addClass('column-'+i);
});
});
});
</script>
Code:
<style type="text/css">.custom-array table.subquestion-list col {
width: auto !important;
}
.custom-array table.subquestion-list thead .column-0 { width: 20%; }
.custom-array table.subquestion-list thead .column-1 { width: 20%; }
.custom-array table.subquestion-list thead .column-2 { width: 60%; }
</style>
And your first question?
Yes, you CAN do that, but
Insert this into the question text (source code mode)
Code:
<script type="text/javascript" charset="utf-8">
$(document).on('ready pjax:scriptcomplete',function(){
var thisQuestion = $('#question{QID}');
$('input[name="{SGQ}Y001_X002"]').replaceWith('<textarea id="{SGQ}Y001_X002" name="{SGQ}Y001_X002" cols="60" rows="5"></textarea>');
});
</script>
You see that the codes of x-axis and y-axis are hardcoded here and that I used "Y001", "Y002" for the y-axis and "X001, "X002",... for the x-axis.
I don't know how many "opportunities" there will be.
In my opinion you'd better should use a different layout, e.g. a combination of short text and long text
Joffm
