How to enlarge the pop-up window under a button that displays additional information | XM Community
Skip to main content

Hello,
I've created a pop-up window in my survey with additional information. However, the window is quite narrow and so the text is difficult to read.
I am aware that the window can be stretcher out by respondents, but is there a code that would allow me to create the window larger in the first place?
Thanks

Sarka ☺️

Hi there, if you're still looking for help with this, any chance you can post the code you have put in place and/or a screen shot so it might be investigated further?

Hi, I've used the code below and adjusted to my project (i.e., just one pop up window, different title). But I can't figure out where in the code I could adjust the size of the window.

Thanks.
Sarka


image.png

Sarka2022 Thank you for providing the screen shot of the code you are using. The below CSS is working for me to modify the minimum height and width of the dialogue box that pops up on click. Add the below over in the survey's Look & Feel, adjusting the values as needed:
#SurveyEngineBody > div.ui-dialog.ui-corner-all.ui-widget.ui-widget-content.ui-front.ui-draggable.ui-resizable {
min-height: 200px !important;
min-width: 400px !important;
}

The below modification to the JS was also working for me to widen the dialogue box:
jQuery("[id*='dialog']" ).dialog({ autoOpen: false, width: 750 }); 

Tom_1842 thank you so much for adjusting the code for me! 😊It worked, and the size of the window you set is perfect for the text I need to display! 🤩


Leave a Reply


Terms & Conditions