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

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*/

});

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


I'd like it to look like this ideally:

box height (2).png



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


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


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!


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.


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!


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


Leave a Reply