Form size | XM Community
Skip to main content
Question

Form size

  • February 18, 2022
  • 5 replies
  • 418 views

Alea
QPN Level 1 ●
Forum|alt.badge.img+1
  • QPN Level 1 ●
  • 35 replies

Hi,
How can I personalice my form question? I need smaller text boxes.

Thanks
Captura de pantalla 2022-02-18 a las 13.15.17.png

5 replies

Aanurag_QC
QPN Level 5 ●●●●●
Forum|alt.badge.img+31
  • 256 replies
  • February 18, 2022

Alea You can resize the textbox by clicking on the choice of which you want to change the text box size and choose the appropriate one:

image.png

Alternatively, if you are looking to change the text box size of a stand-alone text entry question you can add the following script:
jQuery("#"+this.questionId+" .InputText").css("width", "150px");
or select multiline text type and adjust the size by dragging the box
image.png


Alea
QPN Level 1 ●
Forum|alt.badge.img+1
  • Author
  • QPN Level 1 ●
  • 35 replies
  • February 18, 2022

Hi Aanurag_QC ,
I need the box to be finer.. Do you how can I do it?


Aanurag_QC
QPN Level 5 ●●●●●
Forum|alt.badge.img+31
  • 256 replies
  • February 18, 2022

HI Alea

Can you please elaborate more on what you mean by finer. If by finer you mean to have a more rounded corner, then you can use the following CSS
#image_box {
width:200px;
height:150px;
overflow: hidden;
border-radius:0.5em;
}


Alea
QPN Level 1 ●
Forum|alt.badge.img+1
  • Author
  • QPN Level 1 ●
  • 35 replies
  • February 18, 2022

Aanurag_QC

Yes, as you can see my box is so big I would like to do it more like this:
Captura de pantalla 2022-02-18 a las 15.44.35.png



Aanurag_QC
QPN Level 5 ●●●●●
Forum|alt.badge.img+31
  • 256 replies
  • February 21, 2022

Hey, Alea Qualtrics does not allow you to have multiple text boxes side by side as the layout is always in a waterfall method. However, you can use the below JS on each text box and adjust the size of the text boxes accordingly.

jQuery("#"+this.questionId+" .InputText").css("width", "150px");