Reduce the size of form fields | XM Community
Skip to main content
Solved

Reduce the size of form fields


Forum|alt.badge.img+1

I have 3 questions side-by-side. The last one is a form field type of question with 16 entries. I need all of them. However, I need this question to fit with the second question, because the entry is based on the corresponding option in the second question. Does anyone know how to reduce the size of the responses on a form field. Or remove the ‘Click to write Form Field 1’, so that that space is utilised?

I need the three questions to be of the same size. 

Best answer by Nam Nguyen

Amogha wrote:

Thank you very much @Nam Nguyen. This works to remove the label space. I’ve attached a screenshot of the same. Is there any way by which I can remove the space in between the boxes too? Thanks in advance. 

Qualtrics.SurveyEngine.addOnload(function()
{
	jQuery('table tbody tr td:first-child').css('display', 'none');
	jQuery('table tbody tr td').css('padding', '0');
});

Use this @Amogha 

View original

5 replies

kgillis
Level 4 ●●●●
Forum|alt.badge.img+22
  • Level 4 ●●●●
  • 84 replies
  • November 3, 2023

Following as I’ve ran into a similar formatting issue and was not able to find a decent fix (other than double or triple enter/spacing)


Nam Nguyen
QPN Level 8 ●●●●●●●●
Forum|alt.badge.img+29
  • QPN Level 8 ●●●●●●●●
  • 1091 replies
  • November 3, 2023

@Amogha Add this to the form question JavaScript, it will hide the label space

Qualtrics.SurveyEngine.addOnload(function()
{
	jQuery('table tbody tr td:first-child').css('display', 'none');

});

 


Forum|alt.badge.img+1
  • Author
  • Level 1 ●
  • 6 replies
  • November 3, 2023

Thank you very much @Nam Nguyen. This works to remove the label space. I’ve attached a screenshot of the same. Is there any way by which I can remove the space in between the boxes too? Thanks in advance. 


Nam Nguyen
QPN Level 8 ●●●●●●●●
Forum|alt.badge.img+29
  • QPN Level 8 ●●●●●●●●
  • 1091 replies
  • Answer
  • November 3, 2023
Amogha wrote:

Thank you very much @Nam Nguyen. This works to remove the label space. I’ve attached a screenshot of the same. Is there any way by which I can remove the space in between the boxes too? Thanks in advance. 

Qualtrics.SurveyEngine.addOnload(function()
{
	jQuery('table tbody tr td:first-child').css('display', 'none');
	jQuery('table tbody tr td').css('padding', '0');
});

Use this @Amogha 


Forum|alt.badge.img+1
  • Author
  • Level 1 ●
  • 6 replies
  • November 3, 2023

Oh wow! Works like a charm. Thank you very much @Nam Nguyen


Leave a Reply