I have a matrix table (likert) with a 5 point scale. I would like to have a vertical line between each column of answers for visual clarity. I have used JS to create a vertical line separating the last multiple choice option (to separate "Don't know" from the rest of the options) but how can I create this vertical separator line for all columns? Thanks,

Hello @kisobe ,Paste the following code in the js(onLoad) of matrix (5-scale) question var jfe = false; if(/^\\/jfe/.test(window.location.pathname)) jfe = true; var q = jQuery("#"+this.questionId); var cl = q.find('td.ColumnLabels:first'); if(cl.length > 0) cl.attr('colspan', cl.attr('colspan') - 1); if(!jfe || (jfe && q.find('div.desktop').length > 0)) { q.find("table").css("border-collapse","collapse"); q.find('.c4').css("border-left", "1px solid #BBBBBB"); q.find('.c5').css("border-left", "1px solid #BBBBBB"); q.find('.c6').css("border-left", "1px solid #BBBBBB"); q.find('.c7').css("border-left", "1px solid #BBBBBB"); q.find('.c8').css("border-left", "1px solid #BBBBBB"); q.find('.ChoiceRow').css("border", "1px solid #BBBBBB"); }

@kisobe ,The below code will work for 5 scale points var jfe = false; if(/^\\/jfe/.test(window.location.pathname)) jfe = true; var q = jQuery("#"+this.questionId); var cl = q.find('td.ColumnLabels:first'); if(cl.length > 0) cl.attr('colspan', cl.attr('colspan') - 1); if(!jfe || (jfe && q.find('div.desktop').length > 0)) { q.find('.c4').css("border-left", "1px solid #BBBBBB"); q.find('.c5').css("border-left", "1px solid #BBBBBB"); q.find('.c6').css("border-left", "1px solid #BBBBBB"); q.find('.c7').css("border-left", "1px solid #BBBBBB"); q.find('.c8').css("border-left", "1px solid #BBBBBB"); }

Vertical lines separating each answer column for matrix table (likert)

Vertical lines separating each answer column for matrix table (likert) | Experience Community

Sign up

Login to the Community

Scanning file for viruses.

This file cannot be downloaded