Hello,
This is where my thought process has come from. I have attached an image below and what I have for the code. I havent addedd the corresponding multiple short text code or the question right after to show what I intend to do.
Thank you,
Boshra
<script type="text/javascript" charset="utf-8">
$(document).on('ready pjax:scriptcomplete',function(){
// Identify the questions
var qArrayID = {QID};
var qArray = $('#question'+qArrayID);
var qMultiText = qArray.nextAll('.multiple-short-txt:eq(0)');
// Hide the multi-short-text question
$(qMultiText).hide();
var tableWidth = $('table.questions-list:eq(0)', qArray).width();
var answerWidth = $('col.ls-col-odd:eq(0)', qArray).width();
var answerWidthPercent = (answerWidth/tableWidth)*100;
var answersLength = $('col.ls-col-odd, col.ls-col-even', qArray).length;
var answerWidthPercent2 = (answerWidthPercent*answersLength)/(answersLength+1)
$('table.questions-list col', qArray).removeAttr('width');
$('table.questions-list col:not(.col-answers)', qArray).css('width', 'auto');
$('table.questions-list thead tr', qArray).append( '<th class="answer-text inserted-column-label" /></th>');
$('table.questions-list thead tr th.answer-text.inserted-column-label', qArray).css('width','30%');
$('tr.answers-list', qArray).each(function(i) {
$(this).append('<td class="answer-item text-item">\
</td>\
');
});
// Load the column label for the text inputs
$('.inserted-column-label:eq(0)', qArray).text($('.ls-label-question', qMultiText).text());
$('.text-item', qArray).append('<label class="ls-label-xs-visibility">'+$('.ls-label-question', qMultiText).text()+'</label>');
// Loop through the multi-short-text sub-questions
$('li.answer-item', qMultiText).each(function(i) {
// Move the text inputs into the array
$('input[type="text"]', this).appendTo($('tr.answers-list:eq('+i+') .text-item', qArray));
});
});
</script><script type="text/javascript" charset="utf-8">
$(document).on('ready pjax:scriptcomplete',function(){
// Identify this question
var thisQuestion = $('#question{QID}');
// Insert header text
var insertedText = "wordswordswordswords";
$('table.subquestion-list thead tr:last td:first', thisQuestion).addClass('inserted-header').append(insertedText);
});
</script>
<style type="text/css">td.inserted-header {
font-weight: bold;
text-align: left;
vertical-align: middle !important;
font-style: italic;
}
</style>