Is it possible to fix the height of a question box? | XM Community

Is it possible to fix the height of a question box?

  • 15 November 2022
  • 8 replies
  • 161 views

Userlevel 2
Badge +4

I'm not sure if I can or how I would use the JS ( I know nothing about JS) to fix the height to something like 78vh and 965px.

The question box I am trying to fix in height has a JS section that has this in there:
box.png
Qualtrics.SurveyEngine.addOnload(function()
{
/*Place your JavaScript here to run when the page loads*/

});

Qualtrics.SurveyEngine.addOnReady(function()
{
jQuery('.Separator').css('height','0px');

});

Qualtrics.SurveyEngine.addOnUnload(function()
{
/*Place your JavaScript here to run when the page is unloaded*/

});


8 replies

Userlevel 7
Badge +36

MDphn
Do you mind adding an image of what is desired view here?

Userlevel 2
Badge +4

I'd like it to look like this ideally:

box height (2).png


Userlevel 7
Badge +36

MDphn
The Modern Layout should do the job for you. Just change your layout>> look and feel.
Hope it helps!

Userlevel 2
Badge +4

I tried that but it shortens the box height. Thank you for the suggestion.

Userlevel 7
Badge +36

MDphn
Try including the below code in Custom CSS. You can manipulate the text box size.
.Skin .TE .FORM .InputText, .Skin input[type=text] {

height: 100px;

}
Hope it helps!

Userlevel 2
Badge +4

That does allow manipulation of the text box sizes.

I'm probably not explaining myself well, I meant the container for the text boxes- this is what I want to change the size of.
I apologize for the confusion. This image is a shortened version that I would like to change the height of as it does not display consistently. Sometimes it's the taller version attached earlier and sometimes it's a shortened version like this:
short container.pngIt is set to Modern for the layout currently.

Userlevel 7
Badge +36

MDphn
I think it depends on the screen size what you are seeing as short and tall. For a better viewing experience.
To change the height of the question container I think the most you can do is, but it would not change the experience I believe.
.Skin .QuestionOuter {
height: 2000px;
}
Hope it helps!

Userlevel 2
Badge +4

Thank you for all of your help! I appreciate your patience.

Leave a Reply