adding space between options in MC questions with Text box entry

Hi @mdaruka,

As you have already tried fair bit of custom programming, my suggestion to add a simple “<br>” tags at the end of the option choice.

Basically <br> (which means break) adds a new line after your text, thus, may provide some blank spaces between answer options.

Ex. If you statement says “Brand I love”, your HTML view of the text should be  : 

Brand I love <br>

 Hopefully this works :)

@SaurabhPujare_Ugam  this does not seem to work either.

thanks though. 

HI @mdaruka 

Try this :

Qualtrics.SurveyEngine.addOnload(function() {
  // Adjust the following value (in pixels) to control the space between the options
  var spaceBetweenOptions = 60;

  // Create a style tag and add it to the head of the document
  var styleTag = document.createElement('style');
  styleTag.type = 'text/css';
  document.head.appendChild(styleTag);

  // Add CSS rules to the style tag to increase the spacing between the options
  var css = '';
  css += 'div[id^=QID][id$=_MC] .q-checkbox, div[id^=QID][id$=_MC] .q-radio {';
  css += '    margin-right: ' + spaceBetweenOptions + 'px;'; 
  css += '    display: block;'; 
  css += '    white-space: normal;'; 
  css += '}';
  styleTag.appendChild(document.createTextNode(css));
});

Hi @mdaruka,

You can do this in 2 ways,

1. Just click on the statement and go to ‘Rich content editor’. Now after the sentence click on enter and press space once. Please refer below screenshot for your reference:

2. Just click on statement and enter <br/> code as shown in below screenshot:

   

Let me know if this helps.

@krbhavya 

Thanks it seems to work, is it possible to not wrap text? make them appear in one line?

@mdaruka 

You can try change this 

 white-space: nowrap

Hope this will work!!

@krbhavya did not work.:/