Remove columns from report.html

Question

Hi! I'm looking to remove columns from the report.html so that it only shows the Question and the learner's response. What code do I need to remove? I've been trying different things all day and my HTML skills are quite rusty.&nbsp;

samhill · Answer

Hi CherylStGermain I have commented out the appropriate table headers (TH) and table cells (TD) for the report. Available for download at the bottom of this post. &lt;- Forums continue to be buggy and the file disappears when I post the reply. You will just have to copy the code.
&lt;!DOCTYPE html&gt;
&lt;html lang="en"&gt;
&lt;head&gt;
  __SAVED_FROM__
  &lt;meta charset="utf-8"&gt;
  &lt;title&gt;Results&lt;/title&gt;
  &lt;style&gt;

body {
      font-family: arial;
      text-align: center;
      font-size:10pt;
    }

table {
      border: 1px outset grey;
    }

td, th {
      border: 1px inset grey;
    }

table.summary {
      width: 600px;
    }

table.questions  {
      width: 100%;
    }

td {
      width: 12.5%;
    }

th, h3 {
      font-size:12pt;
    }

h1, h2 {
      font-size:14pt;
    }

.correct {
      color: #008800;
    }

.incorrect {
      color: #880000;
    }

.neutral {
      color: #000088;
    }

.question {
      text-align: left;
      width: 46.25%;
    }

.number {
      font-size:10pt;
      width: 3.75%;
    }

.datetime {
      font-size:10pt;
      margin-top: 0;
      margin-bottom: 0;
    }

&lt;/style&gt;
&lt;script&gt;

var strings = {}
try {
  strings = {
    months: [
      __MONTH_JAN__,
      __MONTH_FEB__,
      __MONTH_MAR__,
      __MONTH_APR__,
      __MONTH_MAY__,
      __MONTH_JUN__,
      __MONTH_JUL__,
      __MONTH_AUG__,
      __MONTH_SEP__,
      __MONTH_OCT__,
      __MONTH_NOV__,
      __MONTH_DEC__
    ],
    dateTime: __DATE_TIME__,
    studentScore: __STUDENT_SCORE__,
    passScore: __PASSING_SCORE__,
    courseResult: __COURSE_RESULT__,
    question: __QUESTION__,
    correctAnswer: __CORRECT_ANS__,
    quizResult: __QUIZ_RESULT__,
    studentAnswer: __STUDENT_ANS__,
    pointsAwarded: __POINTS_AWARD__,
    neutral: __NEUTRAL__,
    correct: __CORRECT__,
    incorrect: __INCORRECT__
  };
} catch (e) {
  strings = {
    months: [
      'January',
      'February',
      'March',
      'April',
      'May',
      'June',
      'July',
      'August',
      'September',
      'October',
      'November',
      'December'
    ],
    dateTime: 'Date / Time',
    studentScore: 'Student Score',
    passingScore: 'Passing Score',
    courseResult: 'Result',

question: 'Question',
    correctAnswer: 'Correct Answer',
    quizResult: 'Result',
    studentAnswer: 'Student Answer',
    pointsAwarded: 'Points Awarded',
    neutral: 'Neutral',
    correct: 'Correct',
    incorrect: 'Incorrect'
  };
}

function setupPrint(data) {
  var courseResults = data.g_oContentResults,
      quizzes = data.g_listQuizzes,
      printOptions = data.g_oPrintOptions,
      quizOrder = printOptions.arrQuizzes,
      mainQuiz = quizzes[printOptions.strMainQuizId];

// turn date back into date object
  courseResults.dtmFinished = new Date(JSON.parse(courseResults.dtmFinished));

header.appendChild(createElFromDef(config));
  }

courseSummary.appendChild(createElFromDef(config));
  }

function displayQuizResults() {
    for (var i = 0; i &lt; quizOrder.length; i++) {
      var quizId = quizOrder[i];
      displayQuizResult(quizId);
    }
  };

function displayQuizResult(quizId) {
    var i, resultsTable;
        quiz = quizzes[quizId],
        questionOrder = getQuestionOrder(quiz),
        quizDiv = createQuizDiv(quiz),
        quizReview = document.getElementById('quizReview');

quizReview.appendChild(quizDiv);
    resultsTable = document.getElementById([ 'results-', quizId ].join(''));

for (i = 0; i &lt; questionOrder.length; i++) {
      var config = getQuestionConfig(quiz, questionOrder[i]);
      resultsTable.appendChild(createElFromDef(config));
    }
  };

function createQuizDiv(quiz) {
    var survey = printOptions.bSurvey;

return createElFromDef({
      elName: 'div',
      children: [
        { elName: 'h3', text: quiz.strQuizName },
        { elName: 'table',
          attrs: [
            { name: 'class', value: 'questions' },
            { name: 'id', value: [ 'results-', quiz.strQuizId ].join('') }
          ],
          children: [
            { elName: 'tr', children: [
              { elName: 'th', text: '#' },
              { elName: 'th', text: strings.question },
              /*{ elName: 'th', text: strings.correctAnswer, enabled: !survey},*/
              { elName: 'th', text: strings.studentAnswer },
               /*{ elName: 'th', text: strings.quizResult, enabled: !survey },,*/
               /*{ elName: 'th', text: strings.pointsAwarded, enabled: !survey },*/
          ]}
        ]}
      ]
    });
  };

function createElFromDef(elDef) {
    if (elDef.enabled === false) {
      return null;
    }

var el = createAndInitElement(elDef.elName, elDef.attrs, elDef.text);

if (elDef.children != null) {
      for (var i = 0; i &lt; elDef.children.length; i++) {
        currEl = createElFromDef(elDef.children[i]);
        if (currEl != null) {
          el.appendChild(currEl);
        }
      }
    }

return el;
  };

function createAndInitElement(elementName, attrs, text) {
    var el = document.createElement(elementName);

if (attrs != null) {
      for (var i = 0; i &lt; attrs.length; i++) {
        var attr = attrs[i];
        el.setAttribute(attr.name, attr.value);
      }
    }

if (text != null) {
      el.appendChild(document.createTextNode(text));
    }

return el;
  };

function getQuestionOrder(quiz) {
    var i, j,
        questionOrder = [],
        questions = quiz.arrQuestions;

if (questions != null &amp;&amp; questions.length &gt; 0)  {
      // reset
      if (questions[0].found) {
        for (var i = 0; i &lt; questions.length; i++) {
          questions[i].found = false;
        }
      }

for (i = questions.length - 1; i &gt;= 0; i--) {
        var index = -1,
            maxQuestionNum = -1,
            currQuestionNum;

for (j = 0; j &lt; questions.length; j++) {
          currQuestionNum = Number(questions[j].nQuestionNumber);
          if (!questions[j].found &amp;&amp; currQuestionNum &gt; maxQuestionNum) {
            maxQuestionNum = currQuestionNum;
            if (index &gt;= 0) {
              questions[index].found = false;
            }
            questions[j].found = true;
            index = j;
          }
        }
        questionOrder[i] = index;
      }
    }

return questionOrder;
  }

function getQuestionConfig(quiz, questionIdx) {
    var questions = quiz.arrQuestions,
        question = questions[questionIdx],
        survey = printOptions.bSurvey;

return {
      elName: 'tr',
      children: [
        { elName: 'td', attrs: [{ name: 'class', value: 'number'}], text: question.nQuestionNumber },
        { elName: 'td', attrs: [{ name: 'class', value: 'question'}], text: question.strDescription },
        /* { elName: 'td', text: formatResponse(question.strCorrectResponse), enabled: !survey}, */
        { elName: 'td', text: formatResponse(question.strUserResponse) },
        /* { elName: 'td', attrs: [{ name: 'class', value: question.strStatus}], text: strings[question.strStatus], enabled: !survey }, */
        /* { elName: 'td', text: question.nPoints, enabled: !survey } */
      ]
    };
  };

function formatResponse(response) {
    return (response != null) ? response.replace(/\|#\|/g, ', ') : '&amp;nbsp';
  }

function formatDate(dtm) {
    var hours = dtm.getHours(),
        period = hours &gt;= 12 ? 'pm' : 'am',
        minutes = dtm.getMinutes().toString(),
        month = strings.months[dtm.getMonth()],
        date = dtm.getDate(),
        year = dtm.getFullYear();

while (minutes.length &lt; 2) {
      minutes = '0' + minutes;
    }

if (hours &gt; 12) {
      hours -= 12;
    }

return {
      date: [ month, ' ', date, ', ', year ].join(''),
      time: [ hours, ':', minutes, ' ', period ].join('')
    }
  };

function init() {
    displayHeader();
    displayCourseSummary();
    if (printOptions.bShowQuizReview) {
      displayQuizResults();
    }
  }
  init();
}

try {
  // use post message to allow this to work locally and in 360 review
  window.opener.postMessage('getQuizData', '*');
}
catch (e) {
  // post message can fail when launched from CD output exe
  window.onload = function() {
    setupPrint(JSON.parse(opener.DS.presentation.ReportQuizVars));
  }
}

window.addEventListener('message', function (e) {
  setupPrint(JSON.parse(e.data));
}, false);

&lt;/script&gt;

&lt;/head&gt;
&lt;body&gt;
  &lt;div id="header"&gt;&lt;/div&gt;
  &lt;p&gt; &lt;/p&gt;
  &lt;div id="courseSummary"&gt;&lt;/div&gt;
  &lt;p&gt; &lt;/p&gt;
  &lt;div id="quizReview"&gt;&lt;/div&gt;
&lt;/body&gt;
&lt;/html&gt;

cherylstgermain · Answer

This is amazing! Thank you. I will test it as soon as I'm ready to upload the course to our LMS Sandbox!&nbsp;

Forum Discussion

Remove columns from report.html

2 Replies

Related Content

Budgets & Timelines: Remove the Guesswork from Project Planning

Unsupported AI Voices Removed in Update 104

Remove Rise microlearning restart button

Removing animations and timelines

How to Add and Remove Translated Languages in Storyline

Learn

Connect

Discover

Community

Company

Trust Center