Search code examples
javascriptqualtrics

customize button size in qualtrics

I was wondering if, through JavaScript, I can customize the question choice size on Qualtrics. Specifically, I want to narrow the width of the following choice. Is there a way to do that? I was told that CSS can help me with this, but it seems that function cannot be as specific as I wanted. All suggestion is welcomed!

Thanks

Button example

Solution

  • Yes, you can do something like this:

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

    EDIT: I've modified the answer above to address both the original question (width) and follow-up comment question (left align text).