I have a custom JavaScript and need to apply to all question in the block. Every question must be shown in a different page.I have a large 350 of blocks and respondents will be randomize into one block. Each block has 8 questions. To insert the JavaScript code in each question is unfeasible. What would be the solution? This is the code, when inserted in a single question:Qualtrics.SurveyEngine.addOnload(function(){ jQuery("#"+this.questionId).find('.QuestionText:first').css("padding-bottom", "0px"); var attWidth = 35; //percent width for the question column var altWidth = 32.5; //percent width for the alternatives column var cols = jQuery("#"+this.questionId+" tr.Answers").children(); cols.attr("width", altWidth+"%"); cols.first().attr("width", attWidth+"%"); choice_table = this.getChoiceContainer(); new_row = choice_table.insertRow(2); new_row.innerHTML = choice_table.rows[0].innerHTML; choice_table.rows[0].hide(); var colscolor = jQuery("#"+this.questionId+" tr.ChoiceRow").children(); colscolor.first().css({"background-color":"white"}); app1 = jQuery("#"+this.questionId+" tr.ChoiceRow"+" td.c4") app1.css("background","#DCDCDC"); app1.css("border-left","3.5px solid #FFFFFF") app1.css("border-right","3.5px solid #FFFFFF") app1.css("border-top","7px solid #FFFFFF") app1.css("border-bottom","7px solid #FFFFFF") app2 = jQuery("#"+this.questionId+" tr.ChoiceRow"+" td.c5") app2.css("background","#F2F0F0"); app2.css("border-left","3.5px solid #FFFFFF") app2.css("border-right","3.5px solid #FFFFFF") app2.css("border-top","7px solid #FFFFFF") app2.css("border-bottom","7px solid #FFFFFF") jQuery("#"+this.questionId+" tr.ChoiceRow").css("height", "50px"); jQuery("#" + this.questionId + " tr.ChoiceRow"+"td:first-child").css("text-align: right;");});

You need to be in source/html view (<> icon) when you add JS to header.

JavaScript applying to multiple questions in a block

JavaScript applying to multiple questions in a block | Experience Community