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

Reduce the size of form fields

  • Nov 3, 2023 9:55 AM UTC
  • 5 replies
  • 264 views

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

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 6 ●●●●●●
Forum|alt.badge.img+34
  • Level 6 ●●●●●●
  • Nov 3, 2023 11:32 AM UTC

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 ●●●●●●●●
  • Nov 3, 2023 6:37 PM UTC

@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 ●
  • Nov 3, 2023 7:19 PM UTC

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 ●●●●●●●●
  • Answer
  • Nov 3, 2023 7:23 PM UTC

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 ●
  • Nov 3, 2023 7:26 PM UTC

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