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

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

  • March 15, 2021
  • 2 replies
  • 601 views
F

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

A
Level 7 ●●●●●●●
Forum|alt.badge.img+22
  • ahmedA
  • Level 7 ●●●●●●●
  • 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"));
});

    F
    • flippy753
    • Author
    • March 16, 2021

    That did it, thank you ahmedA!!

    Terms & ConditionsAccessibility statement