How do you remove the borders in a side-by-side question? | XM Community
Skip to main content
Solved

How do you remove the borders in a side-by-side question?

  • March 15, 2021
  • 2 replies
  • 587 views

Hello!
I would like to remove the borders in a side-by-side format question, so that it is clear to participants that they should enter a number in the text box and also select a time scale for recurring meetings.
image.pngIf anyone could also provide any suggestions on how to remove the header space that is unneded and how to decrease the space between the columns, it would be greatly appreciated! (:

Best answer by ahmedA

Qualtrics.SurveyEngine.addOnReady(function () {
    let qc = this.questionContainer;
    qc.querySelectorAll("[class*=Separator]").forEach((item) => item.hide());
    qc.querySelectorAll("th").forEach((item) => (item.style.borderColor = "Transparent"));
    qc.querySelectorAll("td").forEach((item) => (item.style.borderColor = "Transparent"));
});

2 replies

Forum|alt.badge.img+22
  • Level 7 ●●●●●●●
  • 2050 replies
  • Answer
  • March 16, 2021

Qualtrics.SurveyEngine.addOnReady(function () {
    let qc = this.questionContainer;
    qc.querySelectorAll("[class*=Separator]").forEach((item) => item.hide());
    qc.querySelectorAll("th").forEach((item) => (item.style.borderColor = "Transparent"));
    qc.querySelectorAll("td").forEach((item) => (item.style.borderColor = "Transparent"));
});


  • Author
  • 1 reply
  • March 16, 2021

That did it, thank you ahmedA!!