How to reduce size of form fields

Question

Hello! I wish to reduce the size of the form field entry boxes but am unable to do so. So far, the methods I’ve tried include:Dragging the boxes to the size I want (150px x 29px)	Using a JavaScriptThe survey theme has always been blank, so I’m not particularly certain how to troubleshoot this. I currently have an existing JavaScript to add the dollar sign in front of each entry boxvar inputs = $(this.getQuestionContainer()).select('input[type="text"]');for (var i = 0; i < inputs.length; i++) {var input = inputs[i];$(input).insert({before: '$'});After removing the existing JavaScript  and retrying the two methods mentioned previously, the answer boxes still remain too big. Below is a screenshot of how the question appears on Qualtrics;I would like for the text box to be smaller and in line with the dollar sign. Is it possible to do so? Thank you!

omkarkewat · Answer

Hey@mincme are you using the simple layout?, if yes, then it might restrict some of the Javascript as it not so custom coding friendly. Flat or Classic layout works best with the below code.Qualtrics.SurveyEngine.addOnload(function() {  var inputs = $(this.getQuestionContainer()).select('input[type="text"]');  for (var i = 0; i < inputs.length; i++) {    var input = inputs[i];    $(input).insert({before: '$'});    $(input).setStyle({      'display': 'inline-block',      'width': 'auto',      'margin-left': '0.25em'    });  }});

Sign up

Login to the Community

Scanning file for viruses.

This file cannot be downloaded