使用 JavaScript / CSS 编辑 Qualtrics 外观

Question

我正在与 Qualtrics 合作，想通过添加 JavaScript 或 HTML 来编辑调查中特定屏幕的外观。有没有办法做到这一点？它不会让我添加到问题级别 HTML 并且 JavaScript 似乎很挑剔。有没有人幸运地用 JavaScript 调整了这些参数？

Answer 1

您可以将带有 CSS 的样式标签添加到问题文本中，以更改特定页面的外观。

This is question text.
<style>
/* CSS placed here will impact the entire page */
</style>

JavaScript 适用于修改特定元素的样式。诀窍是学习如何找到正确的元素（提示：使用 prototypejs）。这是一个更改多选按钮的宽度和对齐方式的简单示例：

Qualtrics.SurveyEngine.addOnload(function()
{
    var el = $(this.questionId).select('label.SingleAnswer').first();
    el.style.width = "50%";
    el.style.textAlign = "center";
});