if I do this in array question, and use pipe bar (|) in the sub-question.
how can I adjust the blank place (the red block) that the text can close to the center


thanks

Rita

sorry, I just found that I have ask my question in the wrong classification:(

Hi RitaShen,

no worries, I moved your topic to the Design issues thread.


Not sure how you've structured your question by looking at the screenshot.

However, if you're merely trying to change the gaps, try editing your array question by going to Advanced Settings > Display >

(Sub-)question width

-> there, you ought to change it by testing different values in percent, e.g. 75%.

StuartJKondziella wrote: However, if you're merely trying to change the gaps, try editing your array question by going to Advanced Settings > Display > (Sub-)question width

I wonder how that would narrow the gaps when using the pipe to split the text items on both sides. The sub-question width seems to have no impact on both sides.
Did you get a different result?

10%

30%


Looks to me like you will have to work on the CSS-level to get some change.

You're right. Was the first thing that came to mind, but will likely require a workaround script to change the column widths.

I am wondering if this will even work for what RitaShen is trying to do.

Usually for arrays you need one answer per line. As there is only 1 answer per line in her example, it can only work if the question is not mandatory.

I'm also not sure how this question type would work because, even if non-mandatory, there is no way to un-check a radio.

Having said that if you want to center the labels, you can do something like this...

1) Assign an answer width of 80 (this width gets split between the left and right labels in a semantic differential)

2) Assign a CSS class something like "centered-labels"

3) Add something like this to the end of template.css:

I'm also not sure how this question type would work because, even if non-mandatory, there is no way to un-check a radio.

Having said that, if you want to center the labels, you can do something like this...

1) Assign an answer width of 80 (this width gets split between the left and right labels in a semantic differential)

2) Assign a CSS class something like "centered-labels"

3) Add something like this to the end of template.css: